Template Editing
Learn how to edit the design and style of your App templates
Create a new template
-
From the Templates section in the left menu, click on the "Create new" button located at the top left.
-
Choose the type of template you want to create. You have the following options:
Page: Generates a new page within your app. You can customize this page with relevant content such as text, images, and videos, and structure it according to the needs of your project or business.
Menu: Creates a menu that allows users to select between different pages of your app. This menu can include links to various sections of your app or links to other web pages.
Form: Sets up a form to collect information from your users. You can customize the form fields to gather specific data, such as names, email addresses, phone numbers, comments, or any other information you need.
Offer: Develops a special offer that you can insert into different pages of your app. Offers may include discounts, promotions, or any special incentives to attract customers and encourage conversion.
Link: Links your card to a specific URL. This allows users to be redirected to an external webpage or a specific location within your own website when they click on the card.
Doc: Links your card to an attached file, such as a PDF, Word document, spreadsheet, or any other type of document. This allows users to access and download the file directly from your app.
-
Once you have chosen the type of template you want to create, name your template and... voila, template created! ✨
-
Once you have chosen a name, you will be directed to the template editor, where you can modify the appearance and content of the template.
Edit a page template
-
Go to the Templates section in the left menu.
-
Choose the template you prefer and click on the Edit button.
-
The template will open in the Template Editor. From here, you can choose the content and styles for your template. The template editor is divided into four main blocks:
-
Content: Here you can drag blocks to add to your template. You can choose from different blocks to add images, text, buttons... to customize the appearance of your template.
-
Style: Here you can choose the header color and background color of your template. Instead of a solid color, you also have the option to select an image as the background.
☝️ Remember that to preview the header, you first need to activate the option "Mark this option if you want a header for your page" in the Settings section.
-
Settings: Here you can determine options to further customize your template:
⮕ Header: Decide whether to include a header on your page and choose its title. Instead of a title, you can also upload a logo in the header.
⮕ Sidebar Menu: Select a menu for your template by clicking "Explore templates".
☝️ If you haven't created a menu yet or want to link a different one, click "Create new" and choose "Menu".
⮕ Web Push Notifications: Activate the Web Push Notifications option if you want to subscribe to web push notifications for the card. Web push notifications are messages that applications or websites can send to users through their web browsers, even when the app is not open at that time.
⮕ Data Source: If you click on "Activate Repeater", the template will be configured to display certain data or elements repeatedly as needed, facilitating consistency and efficiency in presenting information.
Manage the multimedia gallery
To access your team's multimedia gallery, navigate from the left sidebar menu. Here you can view all the images you've uploaded for your templates. From this section, you have the option to delete or download these images, as well as add new ones.
☝️ Keep in mind that deleting an image from the multimedia gallery will remove it from all templates where it's currently being used.
Create a new menu section
In this article, you will learn how to create a new section in the menu and link it not only to a template but also to a URL, phone number, file, and more. Linking your templates to the menu of your app is the easiest way to access them quickly when opening your vcard.
To create a new section in the menu, follow these steps: