Nexweave now has an integrated landing page editor that can be used to create and share personalized landing pages directly using Nexweave campaigns!
Here are steps to help you create your own landing pages:
Accessing the Landing Page Editor
1. Navigate to the Landing Page Templates section and go to either of the template libraries. Then click on Create New Template to get started.
2. Similar to the image and video editor, the landing page editor is also divided into 3 tabs:
Design Experience : where you can add blocks to design the layout and content of your landing page
Enlist Variables: where you can list and manage the personalization variables you want to employ in your landing page
Define meta : where you can specify additional details related to your landing page.
3. By default, the variable USERNAME is added to your landing and included in a text block. You can click on this block to edit/ delete it.
Adding Managing Landing page variables
1. Variables can be managed in very much the same way as is done for images and videos. For this, navigate to the Enlist Variables tab.
Please note: you can add/ remove variables to your landing page at any time during creation or editing of the landing page. You don't have to perform this step at the beginning
2. Click on the Add Variable button. A new and empty variable row will appear
3. Here, set a name for the button under variable name and assign it a default value under fallback value
4. Don’t forget to Save your template!
Designing your landing page layout
1. Navigate back to design experience
2. The editor is divided into:
The landing page layout: where you can add blocks and preview the landing page
The content settings : where you can define and select the blocks you want to add to your landing page
3. The content settings are further divided into:
Blocks : with blocks you can decide the number of columns you want to include in each block of your landing page. To add a column block, drag and drop it into the editor layout.
Body : Under body, you can define general global settings such as font family, alignment, background color etc for your landing page. Unless specified for any particular content block, these general settings will be applied throughout the landing page.
Content: Content contains all the blocks or elements available to add to the landing page.
4. To add a content block, drag and drop it into the landing page layout. Its settings will correspondingly open to the right. The following content blocks are available:
- Text
- Image
- Button
- HTML
- Nexweave Video
Personalizing landing page text
1. To add personalized text to your landing page, drag and drop a text or heading block to your landing page layout
2. You can edit the text directly within the landing page layout. Additional settings for the font style, padding etc will open to the right
3. When you click on the text component inside the landing page, some basic settings will appear. These include text style for bold, italics etc and a drop down for merge tags
4. This dropdown contains a list of the personalization variables created under enlist variables
5. To incorporate the personalization variable in the landing page, click on an added text/ heading block > click on the merge tags dropdown and finally click on your desired variable to add it to your landing page.
6. The added variables appear with the syntax - [VARIABLE]
Adding Static (non-personalized) Images to your landing page
1. To add an image to your landing page, drag and drop the Image block. On the right, the image settings will appear
2. You can either upload an image from your files, or set an image URL.
Please note : You can learn how to add personalized images and videos to your landing pages in the linked article
Saving your template and Additional Details
1. Once your template has been created and saved, click on define meta to set the finer details.
2. Under this tab, you can set a name for your template . You can even assign a template category
3. Under landing page scripts, you can add any tags or scripts that you wish to add to your landing page. For ex- Google tag manager.
4. You can also set a social preview for your landing page. This has been detailed in the linked article.
If you followed along, you’ve just created your own landing page template! You can refer to the following additional articles to help further personalize and share your article: