Branded App: Tips For Customizing Your App for Your Business
Branded App: Tips For Customizing Your App for Your Business
16 min read
Depending on your business you can add industry-specific sections to you app to better tailor its content for your audience. Choose a type of business below for some tips on getting started building your app.
Choose the type of branded app you want to create:
Add a tab for each product category: If you have multiple categories of products, add a navigation tab at the top of your app for each one so it's easier for your customers to browse.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap Screens at the bottom.
Tap Add New Screen.
Add a title for your first product category under Screen Name and tap Save.
Choose an element to add to this new tab. Recommended elements for stores include:
Images: Tap Basic Items and Image.
Product carousel: Tap Store and Product Carousel.
Content: Tap Basic Items and Content Box.
Customize the content of the tab. When you're done tap Add to add it to your navigation bar.
Tap Screens again to add a second tab for your second category.
Repeat steps 5-8 until you've created as many tabs as you need. Tip: When you're finished adding the tabs, tap Screens and Reorder to change the order of tabs in the menu.
Include a product video: Add a video element to your app and upload a video that showcases your products in a whole new way.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap Add Element in the relevant location.
Tap Basic Items.
Tap Video.
Tap the Add icon to upload a video from the Media Manager, Video Maker, YouTube or your personal device.
Tap Add at the top right.
Add a product gallery: Showcase your store products from the branded app and let members add items to their cart and purchase straight from the app.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap Add Element in the relevant location.
Swipe through the Elements menu and tap Store.
Choose either Product Gallery or Product Carousel to display your store products.
Edit the new element using the options available.
Tap Add.
Add a 'My Cart' icon to the header: Add a shopping cart icon to your app's header so members can easily navigate to their cart from anywhere on the app.
The option to add a cart icon is only available for the Minimal header design.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap Change Header Design at the top.
Click Customize.
Scroll down and click the Show Shopping Cart Icon toggle to enable it.
Enabled: Your branded app header includes a shortcut so members can navigate to their shopping cart.
Disabled: There is no shopping cart icon included in your branded app header.
Add online ordering and reservations sections: Add an ordering tab so customers can order meals and a reservation section so people can easily book tables from the app.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap + Add Element in the relevant location.
Scroll through the element menu and tap Restaurants.
Choose the element you want to include:
Online Orders: Customers can view your menu and place orders from your branded app.
Reservations: Customers can book a table from your branded app.
Enter a title for the new element under Element Title.
Tap Add.
Showcase your dishes in a gallery: Add a gallery to your branded app of all your dishes to encourage customers to order food.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap + Add Element in the relevant location.
Tap the Basic Items tab.
Tap Content Box.
Edit the element title for your gallery e.g. 'Our Menu'.
Tap the Add icon at the bottom left.
Tap Gallery.
Upload media from your device or the Media Manager.
When you're done tap Publish at the top right.
Tap Add.
Create a custom 'Order Now' button Add an 'Order Now' button to your branded app's header to grab customer attention and make it easy for them to order a meal.
The custom button option is only available for the Detailed header design.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap Change Header Design at the top.
Click Customize.
Scroll down and enable the Show Custom Button toggle.
Tap the Select Action drop-down and select Order from restaurant.
Edit the text that appears on the header button under Button text.
Tap Save at the top right.
Tip: You can also add custom order buttons to a specific navigation tab.
Create a group for your event:Create an event-specific group for people to join and discuss the event and share media after the event is over. Then add a 'group feed' section to your branded app to encourage people to chat.
Show me how
Create a new group for your event. Add the event name, description and attendees.
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap Add Element in the relevant location.
Swipe through the elements menu and tap Groups.
Choose a groups element to add to your branded app:
Group Feed: Give members a quick overview of the main activities in your different groups.
Group List: Show all your groups in a list and let members join or create their own.
Group Carousel: Display your groups in a carousel and let members discover them one by one.
Update the element settings and tap Add.
Add Events specific sections: Add an upcoming events schedule, discussion channel and a list of event guests.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap Add Element in the relevant location.
Swipe through the elements menu and tap Events.
Choose an events element to add to your branded app:
Events Carousel: Let members browse through your events quickly and buy tickets.
Events List: Showcase all your events in a list.
Event Schedule: A schedule of upcoming events.
Event Discussion: A live discussion for the event where invitees can post and comment about updates.
Event Guests: A list of guests attending the event.
Edit the new element using the options available.
Tap Add.
Creating a branded app for communities
Include announcements: Keep members updated with an announcements section and share any updates to the community.
Show me how
Go to your site in the Wix app.
Tap Manage at the bottom.
Tap Mobile App.
Tap Edit under your site name or the name of your branded app.
Tap the Screen drop-down at the top and choose the screen you want to edit.
Tap Add Element in the relevant location.
Swipe through the elements menu and tap Communication channels.
Tap Announcements.
Tap Edit Mobile Announcements to add a new announcement and post it to your members.