Steps to Manage your In-App Content

Manage In-app Content


In-App content plays a vital role in determining the completeness of your app. Appmaker presents you with a range of opportunities to bring out the best design required for building an app. 

A variety of blocks are provided for this. There are a number of In-app page designs you could create with widgets. You could add, remove, and even edit blocks as per your need. Above all, the updates are reflected immediately in your app.

Managing your In-App content

Managing your In-app starts with choosing the blocks.

The types of blocks available include:

  • Banner
  • Slider
  • Product Scroller
  • Grid
  • Menu
  • Image scroller
  • Text widgets
  • Pre-Build Product Scroller
Creating new In-App page using Blocks

You could choose multiple blocks for your In-app pages by clicking on Add Block.

Let us take a look at how to manage the In-App page after choosing each block.

Banners

You can select a Banner by clicking on Banner icon from Common Blocks drop-down. Once it is done, you can choose an image for your banner. 

There are two options for this:

  • You could choose it from your WordPress media by clicking Select from the WordPress media (search by file name) and the image of that file name will be loaded.
  • You can upload a customized banner in PNG format also by clicking Upload image. PNG images of size 700 x 400 pixels are most appropriate

Assigning an action

The next step is to choose an action. For this, click on the Choose an action drop-down under the Settings section given on the right side of the page and select the desired action from the drop-down

What do these actions do?

Open Product

While using this action you will have to choose which product has to be displayed by clicking the block that you have chosen. All you have to do is click on the Choose Products and set the product.

Product category

As the name implies, if you choose this action, you can take the customers to a particular product category. The product category can be selected by clicking the Choose Category and it is done.

Product tag

This is an option to list out all the products which are tagged under the same name.

For example, consider you are creating a banner to announce some offers in Vneck Tshirts and on clicking the banner you want to list out all the Vneck Tshirts. For this, select its product tag in Choose product tag and it is done.

Post category

This action is used to display the list of posts or blogs that comes under a particular category in the WooCommerce website. All you have to do is select the category by clicking the Choose category

Open post/page

You would want to open any particular post or blog by clicking the block that you have created. This action can be used to fetch the Post or a page. When you click the Choose category. The list of pages or post will be displayed as you choose.

Category

On clicking the block to which you applied this action, a specific category will be opened. You get to decide which category is to be opened. For example, If you are having an eCommerce store, and you are selling different products like electronics, household products, books, and dresses, then each of this can be a category or you could even make subcategories of these product categories, like if you are selling menswear and womenswear, you can categories them again into separate categories.

After selecting the action as Open category, click Choose category and that category will be displayed while your customers click on the block.

Open Webview

While clicking on the block in your In-app page, and you want the customers to open a particular URL without exiting from the app, then the Open web view action can be selected. Enter the URL in the Choose URL text box and the customers will be taken to that particular page or site.

Open URL

This action directly opens the URL in the browser. You can enter the URL inside the Choose URL text box provided, just after selecting this action.

Open In-App page

This is the action required when you want to open another In-app page while clicking a block in the current In-app page. Consider you have created an In-app page for summer sales on some products, and you are putting up a banner to announce the summer sales at your home (In-app) page.

You can open the summer sales In-App page by clicking on the banner used to announce the summer sales on the homepage. For this, select the action as Open In-App page and choose the In-App page which has to be opened by clicking on the Choose page.

Open Zopim chat

You can add a customer support block to your In-App page if you are a Zopim user. This action allows having live chat with your customer.

Slider

 A slider is another block that you could use in your In-App pages. Multiple slides will be displayed in the same space and for each slide, you can select the action by clicking on the Slider block. In the app, slides switch among them or you can slide the slider block.

To add this block, click on Add Block and select Slider. You can choose an image in PNG format for your slider either from the WordPress media or you can upload a new customized image.

The recommended size of an image is below 1000 x 1000 pixels. If you want to add more slides to your slider, click the Add Appmaker-Slider button. In the end, click the Save button on the Settings section on the right side of the page. 

When you click on a slide, the action chosen for that slide will happen. 

Grid

If you want to display multiple products, offers, new releases this block can be used. To add this block, click on Add Block and select Grid.

Next, go to Grid Settings under the Settings section on the right side of the page and select the number of Columns to be displayed on the same line. If you choose 3, then there will be three items per line.

In case If you are adding a lot of items to your grid, you can choose to enable or disable the Show View more button. The next step is to choose the action for your items in the grid. 

You can give a title for each item so that you can distinguish among them in the future. Just like all blocks, you can either choose an image from your WordPress media or you could upload one.

Menu

 A menu can be added in your In-App page if required. Click on Menu inside Add Block. A menu name and title can be added for your ease. You can also choose whether to show the title or not under the Settings section. Moreover, you can add an image and choose the action that is to be taken. 

Any number of menu items can be added or removed by clicking Add Menu Item.

If you want to edit or remove an item from the menu, click on the edit icon of the menu, and on the screen that appears, the list of items in the menu will be displayed, you can use the remove button that is provided.

Product Scroller

 A Product Scroller is used to display a particular product in your In-app page and you can view the products by scrolling them in your App.

 To choose this, select Product Scroller from the blocks. You can give a title for your product scroller and choose to display it or not. Here, you have to choose which product has to be displayed in the scroller and you can choose whether to display or hide the View more button. All these customizations can be done under the Settings section.

Mobile view of Product Scroller is given below:

Image Scroller

Image Scroller is similar to the slider. Multiple images can be added and action can be assigned to each image. In order to add an image scroller, select Image Scroller from the blocks.

The images can be either uploaded or chosen from the WordPress media. You can choose an action for each image you add. You can also choose which image has to be displayed in the scroller and you can choose whether to display or hide the Show View more button. All these customizations can be done under the Settings section.

Mobile view of Image Scroller:

Text

Texts alone can be added to your In-App pages. To add texts you can choose Appmaker- HTML block from the blocks list and add the message in the text box provided. The appearance of the text and other rich text controls can also be done.

You can choose this widget to convey some messages or information. This block also allows choosing an action under the Settings section.

Mobile view:

Pre-Build Product Scroller

This block is used to display some products that come under Pre-Build categories. Recent products, top-rated products, best-selling products, and so on. To add this to your In-App page, choose Pre-build product from the blocks.

You can either show or hide this text in your app. To select the pre-built product, click on Choose Pre-Build Product scroller. This block works just like the product scroller, but for the built-in categories. A Default title can also be added You can choose whether to display or hide the Show View more button. All these customizations can be done under the Settings section.