Pricing
Marketplace
Community
Help Center
Login  
Get Started  

Sidebar

Customize your classic sidebar to something special & smarter; add text contents, media, link, predefined menu actions, or show a popup.

Now that you have created your custom sidebar, the next step would be to customizing it.
1. Admin > Customize > Sidebar.  The sidebar appears, click on it to customize.
image.png 235.43 KB
2. The content editor opens with only elements that are used in customizing the sidebar.
image.png 192.51 KB
3. Expand the 'Content and text' (If adding text content).
image.png 229.09 KB
Adding or working with content on a sidebar is similar to creating, editing, or customizing your app content. (If you're new to creating content on your app) Read the section 'Creating Content' under Zappter Core Plugin documentation for detailed instructions. 
4. Expand the 'Media' (If adding media like images, videos, and animation. the below sample is with a Lottie animation added). 
image.png 296.58 KB
5. Expand the 'Sidebar Actions.' In this section, you add one of these three types of tasks a user can perform with a sidebar: 
'Sidebar Actions' is specific to sidebars unlike the 'Content and text' or 'Media' groups described in steps 3 & 4. 
Through a sidebar, a user can perform one of these actions:
 
  • Actions: Available options, Change language, Show login, and Show logout
  • Open Link: Provide a URL link to open
  • Show Popup: Show a  popup with text content in it. Ideal for showing legal information, general instructions, etc.
Actions
I.   When adding an 'Action,' provide a caption to the button that calls the action, such as change language
II.  Select the action in the list
III. In the 'Icon' tab, choose an icon for this action
IV. In the 'Colors' tab, customize the colors of this action button
V.  Create
image.png 420.02 KB
Before adding your Privacy Policy, Legal Disclosure Policy, or Cookie Policy, you need to customize each of them to reflect your business policies under Admin > Settings.
image.png 293.87 KB
Open Link: 
I.   Provide the button with a caption
II.  Provide the link URL
III. In the 'Icon' tab, choose an icon for this button
IV. In the 'Colors' tab, customize the colors of this button
V.  Create
image.png 408.8 KB
image.png 304.11 KB
Show Popup:
I.   Provide the button with a caption
II.  Provide the link URL
III. In the 'Icon' tab, choose an icon for this button
IV. In the 'Colors' tab, customize the colors of this button
V.  Create
image.png 418.81 KB
6. Click on the 'Back' button, and in the main content screen, click 'Put online' to publish your changes on users' devices. The button's caption changes from 'Put online' to 'Published'  once the changes have been applied successfully. 

A Simple Customized Sidebar 

image.png 242.6 KB