All Collections
Designing Your App
Working With Vajro's Widgets
Working With Vajro's Widgets

Improve the functionality and design of your app’s homepage with these widgets

Niwin Santhosh avatar
Written by Niwin Santhosh
Updated over a week ago

A lot of brands working with Vajro want to know how to customize and improve the homepage. The reason: this is their app’s most visited page.

If you are one of them, then you are in the right place.

Under the Design Editor > Change Content tab, we have provided widgets that can improve the functionality and design of your app. With simple drag-and-drop functionality, you can rearrange the homepage of your app to look exactly how you want it to be. To get started, click on the Add Widget button at the top of the screen.

On the right hand side, you’ll see a pop-up with all available widgets. Scroll down to browse and choose the one that you want to add to your homepage.

Let's look at each of these widgets.

1. Instagram Feed

In the new age that we live in, social media is everything for a lot of customers. You can dedicate a section of your mobile app to bring in what you post on your Instagram account. Connecting your social media to the app is a great way to engage your users without having to create new content. Any new announcements that you make on your Instagram can be brought into the homepage with no additional efforts.

Log in to your Instagram and pair it with your app. Add a catchy title to this section to keep your app-shoppers informed. Feel free to use any of these examples:

  • Shop on Insta

  • #FollowUs

  • Or any hashtag that you use often

Before we look at all the others, each and every widget can be copied, hidden, scheduled or deleted using the configuration settings on the top right corner of the widget.

2. Image Grid with Text

Most brands have these sharp-edged image frames to display their collections and some even display specific products. After all, square is one of the most appealing designs in a mobile phone (all the apps on our phone are square in shape). Each tile displayed here can be a category of products that you wish to highlight.

See the icons over the image tiles? You can use those (in order) to:

  1. Upload product/collection images

  2. Enter the redirect link that you want to take shoppers to, when they click on it

  3. Swap the order of the tiles and

  4. Delete the tile altogether

3. Empty Space

Empty space elements are usually used to balance the app design. It separates one element from the other to make it easy on the eyes. Spacing out the content will keep your app uncluttered. It also ensures that your shoppers aren't overwhelmed with all the product images.

Vajro enables you to change the size and color of the empty space.

4. Product Grid

The product grid is usually used to display a group of products that may or may not come from the same collection. It is different from the image grid in that it comes without the text in the middle of the image. Your shoppers can scroll through the set of images to choose their favorite.

5. Product Slider

The product slider offers a sliding across functionality instead of the vertical scroll offered by the product grid. This is also used to display a group of products and can have a redirect link to the collection.

Note: the user has to scroll through the products themselves.

You can give the section a title, and pick a collection that you want to feature, and you’re all set!

6. Circle Image Slider

The Circle Image Slider can be used to display products or collections with circular frames. It works exactly like the product slider in all other aspects.

Note: the user has to scroll through the products themselves.

7. Banner Images

Announce sales, offers, new products, and so much more with banner images!

8. Auto Slider Image

Improving on the banner images, this feature automatically scrolls through the products displayed in the style of a banner.

9. Image Grid Without Text

Best suited for products from a single collection or category. You can customize and link each image to its product page.

Click on the second icon over each image to link it to the respective product pages.

10. Slidable Banner Images

Feature multiple events, sales, offers etc. with slidable banner images.

11. Video

You can now add promotional videos, product videos, testimonials and others to your home page. The possibilities are endless. We support MP4 and MOV formats, so ensure to convert before you upload.

12. Countdown Timer

Build anticipation for a product launch or a sale with a countdown timer.

You can set up the timer to go whenever you want, add a banner image and a redirect link to the page it needs to go to!

13. StorifyMe

Add story-like widgets to your app's homepage. All you need to do is enable the plugin on your Vajro dashboard. Then when you add the widget, give it a title and paste the Widget ID from StorifyMe's admin dashboard.

If you'd like to enable the StorifyMe plugin on your app, check out this article.

14. Live Video Banner

If you do live selling with Vajro, this is the widget for you. Add a live video banner to your app's home page. This will show your app users that you are now live and provide an easy access link.

Did this answer your question?