Get started  

Help Center

Community / Forum Ask Zappter Support We build your app Marketplace





Mastering the content editor Pixel perfect design Setup your E-Commerce Store Configure your booking engine Event-System / Drop-In


App Store Submission Creating Push Notifications Typography Changing template Changing Rules

Business Modules


More Tutorials


Creating content

Learn how to manage content

About app content creation

Zappter's well-rounded app-building capabilities couldn't have been possible without an easy to use Drag-and-Drop content editor from the users perspective. It is not a regular content editor; it is the editor where you create your app's  UI for your users without doing any coding. You simply drag-and-drop your texts, images, videos, articles, reservations, and the other features subscribed.
  • On your left, you have all the elements you can add
  • On the right is the view, where you simply add the elements to design your app view
r3fGtgPKGI6nKqXPXJWDp4l5yVNPWdloGlYphtY4 (1).png 513.1 KB
  • Expand the group, click to add the chosen element
nIL7rDrp3dQvwR6d9A4iRAWBOwT2w6OX3icyJsx7 (1).png 502.94 KB

Creating content

Follow the below steps to create or edit your app content.
1. Admin > Customize > Content.  Click to edit your app (also called Content interchangeably)  to open the content editor.
2. Content editor opens.
cMCAxAGen8rFPoymW9IvXAuWZI2zVELmb9ld1519 (1).png 453.41 KB
Existing contents appear where you can change anything or add more. Or, the blank view opens when you're going to add content for the first time.
  • Reorganize the order by dragging any element up/down
  • Add new elements to the mobile view from the panel on your left by clicking on them
  • Click on any element in the mobile view to edit its settings

Subpages / categories

Creating navigation and organizing your content into sub-pages and categories is important for your app to present content in an orderly fashion that users can easily grasp and interact. 
What are sub-pages or categories?
The sub-pages add a new page in the hierarchy, useful in the business context and information sharing. Your users tap on the subpage's button to navigate to it. For instance, you utilize sub-pages to categorize your products and services in e-commerce. For information sharing, you use it for organizing information such as company vision, mission, or legal information. 
Within Zappter context, sub-pages are called ‘category’ or ‘categories.’ In this section both terms used interchangeably. 
Creating Subpages / Categories 
1. Admin > Customize > Content. Click to edit your app. 
2. In the app customization, expand the group. Category under Content. Click on the 'Category.' 
3. Set up your category. 
  • Name: Write a descriptive name for the category, and it is mandatory
  • Description: Short description about the category
  • Picture: Select a picture that will show up on the mobile app for this category 
 Using the Gallery tab, a user can insert an image from the computer, use an image already saved in the gallery or pick a free image from the Unsplash site. 
You can do more with categories and have more control over your product listing and organizing. Click on the 'More options' button when creating or editing a category to check other tabs.
4. Click on the 'Create' button to complete creating the category. 
5. 'Put online' to publish your new article so that it will appear on your users' devices. The button's caption changes from 'Put online' to 'Published'  once the changes have been applied successfully. 
Add Content inside Subpages 
1. Admin > Customize > Content. Click to edit your app.
2. Click on the category, ‘Edit’ and ‘Open’ buttons show up.
image.png 450.47 KB
3. Select ‘Open’ to open the category, and add content inside it. Now you have a whole new page to add content inside it. 
image.png 261.51 KB
Here you can add content in the same way as shown in this section above. When complete, or want to go back, press the highlighted ‘Back’ button. 
Edit/delete sub-pages 
1. Admin > Customize > Content. Click to edit your app.
2. Click on the Category, ‘Edit’ and ‘Open’ buttons show up. 
image.png 450.47 KB
3. Select ‘Edit’ to open the category setup screen. 
image.png 445.3 KB
Here you can change any setup detail of the category. Use the ‘More options’ button to change more settings. 
Use the ‘Delete’ option to remove the sub-page. 
It’s best practice to delete each of the content inside a sub-page before deleting a sub-page. 
image.png 473.14 KB
Last updated at 07.07.2022 22:52