In this guide, we'll explore the power of multi-home and various blocks that allow you to customize and enhance the visual appeal of your app's home screens. From showcasing product collections to adding interactive elements, these blocks offer endless possibilities for crafting engaging
1.1 About multi-home
Alphonso provides you with a new and outstanding feature, which is Multi-home. This feature allows you to categorize and display content in tabs within the home screen’s space, ensuring a clutter-free experience that instantly engages users. You can:
- Present information in an organized and visually appealing format on each page.
- Highlight key content by placing important information in prominent tabs.
- Arrange pages according to your preferences to create a tailored home screen experience.
1.2 How to set up multi-home?
Step 1: Go to Design > Home.
Step 2: Toggle Multi-home to create multiple tabs on the home screen.
Step 3: Hover over the page line, and click Design.
- Enter the page name, and then click Add.
- Arrange their orders according to your preferences.
- To delete a home screen, click the trash bin icon.
Step 4: Click Save draft in the bottom right corner.
After setting up multi-home using the simple steps outlined above, you'll be ready to dive into the exciting world of home screen design. Let's explore the array of home blocks at your disposal to craft a truly tailored user experience.
2. Home blocks
2.1 About home blocks
- Search bar
Help your users easily find what they're looking for with a convenient search bar. Enable seamless navigation and improve user experience by allowing them to search for specific products and categories within your app.
Create a space between two elements in an interface. Help you design a clear app layout with visual breathing room for the eye, making users want to stay on the app.
- Category grid
Display your categories in style with a visually appealing carousel. Showcase up to 8 categories in a grid view, allowing users to explore different sections of your app effortlessly. Please note that you can choose main categories or subcategories to show in the category grid.
Boost sales and create urgency with the custom countdown block. Highlight limited-time offers, flash sales, or upcoming events to engage users and prompt immediate action. Customize the start and end dates, colors, text, and background images to create a captivating countdown timer for your special promotions.
“Where should this lead your customers”
With our customizable block features, you can easily determine where each element should lead your customers. Whether it's linking to specific categories, products, pages, URLs, email addresses, phone calls, or social media profiles, we've got you covered.
- Image banner
Let your creativity shine by adding custom images to your app. Whether it's your brand logo, stunning visuals, or promotional banners, visually engage your users and convey your unique brand identity.
- Image grid
Capture attention with an eye-catching image grid. Showcase multiple images in a visually appealing layout, perfect for displaying product collections, portfolios, or event highlights. Display up to 8 images in a customizable grid layout with 2-6 columns.
- Image slide
Tell a visual story with an image slideshow with up to 8 images. Showcase a series of captivating images in a slideshow format, allowing users to swipe through and immerse themselves in your content.
Bring your app to life by incorporating custom videos. Share product demos, brand stories, or engaging content that resonates with your audience and enhances their app experience.
- Product carousel
Highlight your featured products with a dynamic product carousel. Showcase a selection of products in an interactive and engaging manner, enticing users to explore and make purchases. Feature up to 8 products from the category you choose.
- Product swipeable cards
Engage users with a carousel with a parallax effect. Showcase up to 10 products from the category you choose, keeping users entertained and informed.
- Product grid
Present your products in an organized manner with a grid layout to feature up to 10 products. Allow users to browse multiple products at a glance, providing them with a convenient shopping experience.
- Recently viewed
Display up to 12 products app users have recently explored. Make it easy for them to revisit previously viewed products with the recently viewed block.
2.2 How to design with home blocks?
To use blocks in the home screen section, follow these steps:
Step 1: Go to Design > Home.
Step 2: Drag and drop to add blocks.
Step 3: Design and manage a block.
- Design: Hover over the desired block and click Design. The design settings differ for each block.
- Delete: Hover over a block and click Delete.
- Reorder: Drag and drop a block in the preview pane.
Step 4: To finish, click Save draft in the bottom right corner.
Please note that saving a draft affects only the design page, allowing you to make further changes. To make the current design available to all mobile users, click Publish to Mobile.
With our multi-home and drag-and-drop blocks, the possibilities for customizing your app are endless. Experiment with different block combinations, unleash your creativity, and create a stunning app that stands out. Start exploring these blocks today and build an app that captivates and delights your users at every touchpoint.