How to create an app like enjoei

On the dashboard, click on the layout tab from the left menu.

Click on the ‘Create Layout’ icon as we’re making an app from scratch.

A popup would appear to name the app, let’s call the app ‘Enjoei.

Now, you’ll be asked to choose a layout. Swipecart allows you to select pre-made layouts or make one from scratch. As we’re making a new app, click on ‘Blank Layout’.

You’ll be taken to your layout dashboard with the default tab “Theme Settings”. The primary function of “Theme Settings” is to customize the app's look. It has multiple options to set branding elements for your app. click here.

Let’s start with the App Bar Settings

App Bar Settings:Here, you can customize the app bar that remains constant wherever you go on the app. To know what you can do with this, click here.

Next, customize the look of the Side Menu Settings, Bottom Bar Settings, Profile Page Settings, and Input Style Settings (welcome/sign-in page). For all these, go to the respective tabs on the left menu. A set of readymade templates are available for each. Select an option from the variants and save it to the app. app.

Theme Style Settings: Here, you can manage and edit the fonts, colors, and app loaders for a universal app usage experience. To know more about this, Click here.

Here's a preview of the Enjoei app with the overall app theme.

Next, we have to create 2 pages for our app- fashion cry and Enjoei Pro

As per the design, let’s rename the home page as ‘fashion cry’ by clicking on the pencil icon on the home tab.

Now Click on the edit icon on the "Home" Tab and give a name to this page as "fashion cry"

Next, let’s create a new ‘Enjoei Pro’ page. Click on ‘Add Page’ and in the popup that appears, name the page ‘Enjoei Pro'. A new page is added to the list. For more details on how to create a page, Click here.

Here's a mobile preview of the Enjoei app with the two pages.

Click on the "Home" tab. A blank home screen is displayed with only the app bar and bottom bar.

We add content to the home screen by dragging and dropping widgets. Click here for more information about widgets on Swipecart. Let's start by adding the search bar.

Search bar- our mobile app is incomplete without a search bar. Above the widget dropdown, select the search bar from the drop-down and drag it & drop it to the top of the app below the app bar.

Upon hovering on the search bar, you would find an ‘Edit Style’ option. Click here to know how you could customize the search bar.

Here's a preview of the app with the search bar.

Carousel Banner- Now it’s time to showcase the products or categories you’d like. From the widget library, choose the Carousel banner from the drop-down list. Drop a carousel banner design you’d like to the draft home page layout. For more details, click here.

Upon hovering on the widget on the draft home page layout, you’ll see the "Add/Edit Content" option. Here, you can add the images and links you’d want to showcase. For more information regarding this, click here.

After you’re done, you’ll find an "Edit Style" option upon hovering on the completed Carousel banner. Here, you can customize the carousel and preview the changes you made. Click here to know how to edit the widget style.

Here's a preview of the app with the carousel banner.

Banner Slider- Here, you can display multiple banners in a slider format and add links to them as necessary. You can add links to products, collections, pages, or outside URLs.

For more information, pleaseClick here.

Use the Add/Edit Content option to upload your image and link.

After doing so, use the Edit Style option to customize the banner slider’s look.

Here's an app preview with the banner slider.

Single Banner- Let's highlight important information at the top of the app's home screen with a single banner.

Select "Single Banner" from the widget list. From among the different style variants offered by Swipecart, select one and place it under the search bar on the app's home screen.

Click here for detailed information on single banners.

As always, use the Add/Edit Content option to add the image and link to the banner. When done, customize the widget format with the ‘Edit Style’ option.

Add another single banner as per the design.

Banner Grid- Through it, you attract attention to specific products, categories, or even offers such as sales and discounts.

Select "Banner Grid" from the widget list and place a variant on the home screen layout.

For more details on banner grids, click here.

As always, use the 'Add/Edit Content' option to add the image and link to the banner. When done, customize the widget format with the ‘Edit Style’ option.

Here's a preview of the app with the banner grid.

Besides this, you could add other widgets like Banner Grid, Banner Slider, Collection Slider, Product List, Search and timer.