Wix Mobile Apps: Getting Started with Custom Widgets | Help Center

Learn how to use Wix to build your site and business.

Design and manage your site using intuitive Wix features.

Manage subscriptions, plans and invoices.

Run your business and connect with members.

Learn to purchase, connect or transfer a domain to your site.

Get tools to grow your business and web presence.

Boost your visibility with SEO and marketing tools.

Get advanced features to help you work more efficiently.

Find solutions, learn about known issues or contact us.

Improve your skills with our courses and tutorials.

Get tips for web design, marketing and more.

Learn to increase organic site traffic from search engines.

Build a custom site using our full-stack platform.

Get matched with a specialist to help you reach your goals.

Home

Using the Wix mobile apps

Mobile apps for your customers

Building your own mobile app

Customizing your own mobile app

Wix Mobile Apps: Getting Started with Custom Widgets

4 min

In this article

Building custom widgets
FAQs

Custom widgets give you full control over your native mobile app’s functionality, design, and user experience. Build a tailored app with business-focused features that meet your needs and align with your vision.

Design any user interface using Wix’s robust, cross-platform design system for iOS and Android. Create custom widgets from scratch or enhance your app’s core functionality with Wix solutions—such as Wix Stores, Wix Bookings, and Wix Events. Use the drag-and-drop editor to customize your widgets, connect dynamic content with Wix CMS, and add advanced capabilities using JavaScript with Velo by Wix.

A screenshot of a native app with custom mobile widgets.

For example, you can create an app for your sports league with Wix solutions—such as Wix Groups for team communication and Online Programs for at-home training—and build custom widgets that display league standings and player stats.

Important:

Currently, you can only build custom widgets for your native mobile app if your site is built on the Studio Editor.

Building custom widgets

Use the Widget Builder to create custom widgets tailored to your app's needs. Once you publish your widget, you can place it on any screen in your native mobile app.

To build custom widgets:

Go to Mobile App in your site's dashboard.
Click the tab with the name of your own mobile app.
Click Edit Mobile App.
Click Custom Widgets on the left.
Click Go to Widget Builder.
Create your custom widget by adding elements, organizing layers, and code for advanced functionality.
(Optional) Click + Add Widget to create additional ones.
Click Publish to make your widget live and ready to be placed anywhere in your app.
Choose what you want to do:
- Edit your app: Go back to the Mobile App Builder.
  - In your Mobile App Builder, click the Screen drop-down at the top and choose the screen you want to add your widget to.
  - Click Custom Widgets on the left.
  - Hover over your widget and click the Add icon to place it on the screen.
- Got It: Stay in the Widget Builder.
Click Save & Publish to publish any changes you made to your app.

Connect with the community:

Download our community app to connect with other pros and get the most out of the Mobile Widgets Builder. This is the place to ask questions, get valuable tips, and share insights with experienced experts. You’ll also find learning resources—like examples, tutorials, and guides—to help you build custom widgets with confidence.