Design Your Home Screen

Introduction

Increase customer retention and drive higher sales through our customer-friendly design blocks. But before we dive into the design aspect let’s take a look at the various types of Blocks you can use. 

In this Article

How to add the Block types?

On the top right corner of the screen, you can find the “Add Block Button”. Click on it to select the desired block. 


Types of Blocks

Announcement Bar 

Description

  • Place an Announcement Bar at the top of your home page to convey important messages or updates to your customers.
  • Customize the text to highlight promotions, discounts, new features, or any other relevant information.
  • Make it visually distinct from the rest of the content to ensure it catches the customer's attention.
  • Include a call-to-action button if necessary, directing customers to take specific actions related to the announcement. 

How to Configure 

  • Select the Block Type 
  • Enter Announcement Name 
  • Select details like background and text color.  
  • Select action types like static, Open a URL, that you want the customer to perform, and so on.  
  • And save 

Preview 

Benefits:  Increases customer engagement by effectively communicating important information, leading to higher conversion rates and customer satisfaction.


Welcome Block

Description: 

Utilize the Welcome Block to create a personalized experience for existing customers.


How to Configure

To configure Welcome Block please reach out to us at help@shop2app.com or schedule a call here. 


Preview 

Benefits: Enhances customer onboarding experience, fosters a sense of belonging, and increases customer retention by establishing a connection with customers from the outset.


Recently Ordered

Description

Showcase recently ordered to encourage repeat purchases and facilitate quick access to previously browsed products.


How to Configure 

To configure Welcome Block please reach out to us at help@shop2app.com or schedule a call here. 


Preview 

Benefits: Improve customer engagement by providing personalized product recommendations, boost sales by promoting relevant items, and enhance customer convenience by facilitating quick access to previous orders.


Upcoming Subscription

Description

Displays upcoming subscription orders allowing your customers to manage or add to upcoming subscriptions. 


How to Configure 

To configure Welcome Block please reach out to us at help@shop2app.com or schedule a call here. 


Preview 

Benefits: Increases customer engagement by promoting upcoming offerings and encourages customers to sign up for subscription services, leading to recurring revenue.

Description

  • Create a section with quick links to essential features/updates or pages within the app like last purchase, View cart, and more.
  • Include links to account settings, favourites, search, and support.
  • Organize links in a visually appealing manner for easy access.

How to Configure

  • Select the Block Type 
  • Enter Enter Block Title
  • Select Action Type
  • Enter the Block Title and save

Preview

Benefits: Enhances customer convenience by providing quick access to frequently used features, and improving navigation within the app.


Collections 

Description

Showcase curated collections of products or content based on themes or categories for your customers you may include visually appealing images or icons representing each collection.


How to Configure

  • Select the Block Type 
  • Enter Enter Block Title
  • Add the collection type you want to display 
  • Edit the Layout type as rectangular, circular, and so on based on your preference and save


  1. Collection List (Rectangular)

  1. Collection List (Circular)

  2. Collection List (Grid)

Preview  

Benefits: Helps customers discover relevant content or products based on their interests, leading to increased engagement and conversion rates.


Collection with products  

Description

With this block type you can feature a specific collection along with its associated products you can display product images, names, and prices.


How to configure

  • Select the Block Type 
  • Enter Enter Block Title
  • Add the collection type you want to display 
  • Edit the Layout type as rectangular, circular, and so on based on your preference and save 

Preview

Benefits: Highlights specific product offerings, increases visibility, and encourages customers to explore and make purchases within the featured collection.

Description

  • Highlight a particular collection that you want to promote prominently like New launches, app exclusive collections, or upcoming sales. Use eye-catching visuals and compelling copy to attract customers' attention.
  • Include a call-to-action button to encourage customers to browse the collection.


How to configure

  • Select the Block Type 
  • Enter Enter Block Title
  • Add the collection type you want to display and save 

Preview

Benefits: Increases the visibility of selected collections, drives traffic to specific product categories, and boosts sales for featured items.


Description

Showcase a standout product that you want to highlight. 


How to Configure

  • Select the Block Type 
  • Enter Enter Block Title
  • Add the collection type you want to display and save 

Preview

Benefits: Increases product visibility, drives sales for featured items, and enhances customer engagement by showcasing popular or new products.


Description

  • Use banners to promote special offers, sales, or events. 
  • Include visually striking graphics and concise, attention-grabbing messages.
  • Ensure banners are clickable, leading customers to relevant pages or actions.

How to configure

  • Select the Block Type 
  • Enter Enter Block Title
  • Enter the Banner Title and  Description Text and upload images. 
  • Select the aspect ratio and save
  • Select the action type 

Preview

Benefits: Grabs customers' attention, communicates promotional messages effectively, and drives traffic to targeted pages or actions.


Description

Implement a carousel of banners featuring various promotions, new arrivals, or important announcements. Allowing customers to swipe or tap through the banners to view different messages.


How to configure

  • Select the Block Type 
  • Upload your image and Enter the Banner Title
  • Enter description text  
  • Select the action type and save. 

Preview

Benefits: Maximizes space by displaying multiple promotions in a compact format, grabs customer attention, and drives engagement with clickable banners.


Media 

Description

Incorporate multimedia elements such as videos or slideshows to showcase products, special promotions, events, or recipes. 


How to Configure: 

  • Select the Block Type 
  • Enter the Block title and media title.
  • Enter Video Source or Enter Media ID
  • Enter Tags and Select Aspect ratio
  • Add Products and Save. 

Preview

Benefits: Enhances customer experience with visually rich content, increases product engagement, and communicates brand identity effectively.


Description: 

Use a carousel to showcase multimedia content such as images, videos, or slideshows. Include visually compelling media related to products, brand storytelling, or customer-generated content.


How to configure

  • Select the Media Title
  • Enter Video Source 
  • Upload Your Media 
  • Add Products and Save. 

Preview

( Scroll to view more)

Benefits: Captivates customers with engaging visuals, communicates brand identity effectively, and enhances customer experience with interactive content.


Promotion heading 

Description:

  • Display a prominent heading highlighting ongoing promotions, sales, or special offers.
  • Provide a brief description or call-to-action related to the promotion.


How to Configure: 

  • Select the Block Type 
  • Enter the Block title and heading.
  • Enter Description Text
  • Enter Button Text
  • Upload the Image and select the aspect ratio 
  • Select Action type and Save. 

Preview

Benefits: Draws attention to promotional campaigns, encourages customer engagement with special offers, and drives conversion rates.


USP Blocks

Description

  • Showcase the unique features or benefits of your products or services.
  • Highlight key selling points such as quality, affordability, or convenience.
  • Use persuasive copy and compelling visuals to communicate the value proposition effectively.

How to configure

  • Select the Block Type 
  • Upload the Image and select the background color
  • Enter title and Description Text
  • Select Action type and Save. 

Preview

Benefits: Differentiate your brand from competitors, build customer trust by highlighting strengths, and influence purchase decisions.


Icon Text CTAs 

Description

  • Utilize icons paired with text to create visually appealing call-to-action buttons.
  • Place CTAs strategically to prompt desired customer actions such as "Shop Now," "Learn More," "Sign Up.” or “ Go to Cart.”


How to configure

  • Select the Block Type 
  • Upload Image 
  • Enter Block title 
  • Enter Description and Description Text
  • Add the CTA Button and Save.


Preview

Benefits: Increases click-through rates by making CTAs more noticeable and actionable, guiding customers towards desired actions effectively.


List  

Description

  • Display a list of curated features, benefits, or content for easy browsing.
  • Organize items in a visually appealing manner with clear headings and descriptions.

How to configure

  • Select the Block Type 
  • Enter Block Title 
  • Enter the List title and then add items ( to add an item enter text and click on save)

Preview

Benefits: Simplifies navigation and product discovery for customers, and facilitates quick access to desired items or information.


Blogs Post 

Description

  • Feature recent blog posts or articles related to your industry, products, or brand.
  • Include enticing titles, featured images, and summaries to attract customer interest.

How to configure

  • Select Block type 
  • Enter bloc title 
  • Enter tags and select Blog

Preview

Benefits: Drives traffic to your blog or content hub, positions your brand as an authority in your niche, and enhances customer engagement with informative content.



  1. Blogs Carousel (Circular)


  1. Blogs Carousel (Rectangular)


  1. Blogs Carousel (Grid)

Description

  • Implement a carousel-style display that showcases various blog posts.
  • Include visually appealing thumbnails or featured images for each blog post.
  • Provide titles and summaries of the blog content to give customers a glimpse of what each post covers.

How to configure

  • Enter Block Title
  • Add Blog 

  • Enter Title and Tags
  • Upload the image 
  • Add a Blog and Save 

Preview

Benefits: Enhances customer engagement by offering a visually appealing and interactive way to showcase blog content, encourages customers to explore multiple posts, drives traffic to your blog or content hub, and strengthens brand credibility by providing valuable and informative content to customers.


Multilevel Categorisation

  1. Collection Group (Rectangular)

  1. Collection Group (Circular)

  1. Collection Group (Grid)

Description

  • Organize the Collection of products into hierarchical categories for easy navigation.
  • This enables customers to explore products within main categories to find relevant items.

How to configure

  • Select the Block Type 
  • Enter Block Title
  • Select Image Aspect Ratio
  • Add Group 
  • Enter the Group Title and upload the image 
  • Add Group collections and save 

Preview

(PS: You can choose from different styles of Blog Carousels like Grid, rectangular, and circular ) 

Benefits: Improves customer experience by simplifying content discovery, helps customers find specific items efficiently, and reduces friction in navigation.


Multi Content 

Description

  • Incorporate a section that displays a mix of different content types such as products, promotions, blog posts, or customer-generated content.
  • Use a visually balanced layout to showcase various content elements effectively.


How to Configure

  • Enter the Block Title and title 
  • Enter the Description Text and Select the background color 
  • Enter CTA and Upload Your Image
  • Select Background Color and Text Color 
  • Select Action Type and Save.

(PS: Please note that you can add grids as well) 


Preview

Benefits: Provides customers with diverse and engaging content, increases time spent on the app, and encourages exploration of different sections.


If you have any questions or need further assistance, feel free to contact us at help@shop2app.com.

Happy selling!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us