# Pages
# Page Settings
Other than creating content on your landing pages, there are some other important features that need to be configured for achieving the desired user journey and storing the data in the correct campaign, as well as getting the most out of analytics.
These features have been introduced and elaborated on below:
# General
# Name
The name you define here is only used internally within Novti Admin. You can use this name to sort and search on the pages list on the Pages Dashboard.
# Title
The title will be shown in the browser's title bar or the page's tab on page visits.
# Slug
As you know, the pages you publish with Novti are hosted on either the subdomain you delegate to Novti or on the default developer's URL. Both these URLs need a unique identifier that explains the page content. It’s a good practice for the slug to be in line with the content of the page, for example, if you are creating a donation page for a Christmas campaign, an acceptable slug can be /donation-christmas. Novti automatically converts slugs to lowercase and doesn't allow spaces or special characters within the field.
# Form
You can select the form that you've created in the /forms
to be added to the page.
# Campaign code
The Campaign code
is useful to track the number of people that subscribed for a specific campaign. Or it can be used to keep track of a crowdfunding page.
The field is by purpose open so that you could configure multiple different pages with the same identical Campaign code
. Which can be useful for e.g. A/B testing.
# Page visible only with PURL
The checkbox Make page visible only with PURL
will make the page only available if they're known customers with their Personalized URL.
For all anonymous visitors, they'll get redirected to a Page not found
page.
# Connectors
If you are using Salesforce or Marketing Cloud and have authenticated them in Novti (How to do this will be part of the chapters further below), you will be able to easily add further configurations which already exist in your Salesforce and Marketing Cloud to further optimize your pages.
# Salesforce
Under the Salesforce section, you can add the Campaign ID and if applicable the Destination ID which is defined in your Salesforce environment. If you have any questions regarding the campaign or destination ID, we advise you to contact your System integrator for further elaboration.
# Marketing Cloud
To complete the user journey, the user should also receive a thank you/confirmation email after successfully submitting the forms created by Novti. in this section, you can add the Triggered email code and Data extension code to make sure the correct confirmation mail is sent to the users. If you have any questions about this, make sure to contact your Marketing Cloud consultants.
# SEO
# Metatags
Via this tab, you can create multiple rows of Metatags.
- Name
- Property
- Content
# Redirects
As an Admin, you can decide if after submitting a form on a page, the end user lands on a thank you page, or another page with a form (Think of Subscribe -> Donation -> thank you page flow). or simply another page that has not been created by Novti. You can also show a different page instead of the initial page when the end-users click or land on this page.
# Success page
As mentioned, you can easily maneuver through the dropdown in this field and select either a thank you page or another page created in Novti. This page will show after the end-user submits the initial page.
# Redirect URL or slug
Here you can add a URL of a page created by Novti or not, which will show instead of the initial page. This functionality can come particularly useful if you’ve already sent some information to your end-users including the URL of this page, but now you’ve decided to show another page instead.
# Success redirect URL
Via this field, you can add another page’s URL in form of the succeeder of the initial page, if you don't want the original thank you page which has been already been selected to show.
# Custom Fields
The custom fields tab allows you to add the content to the thank you e-mails. You can add multiple rows and add different types such as
# Text
Add the desired text as the content of the thank you e-mail.
# Image
Upload the desired image to your e-mails.
# HTML
Modify the text using built-in HTML functionalities.
The image below illustrates how to add multiple rows in the Custom Fields tab.
# Revisions
# Overview
In the Page Settings | Revisions tab, you can review all the changes made to a specific page.
Revisions provide a useful overview of user edits in chronological order.
The revision view is broken down into the following subsections:
- Revision timeline
- Revision preview
- Side-by-side
Loading the image...
# Revision timeline
This timeline displays the chronological revision history of your page. The current revision is always first on the timeline with previous revisions ordered below. By selecting a revision you can preview and restore your page revision of choice.
TIP
Hovering over a revision in the timeline will show you the timestamp of when a revision was created detailed to the second!
# Revision preview
For pages, you will find the selected revision here. Either visual changes (e.g. the way the page looks), or configuration changes (e.g. name of the page) will be represented here.
Visual
All the aesthetic changes made via the Page Builder will be visible under the Visual tab. This could be CSS changes or HTML changes that could affect the way your page looks.
Configuration
Under the Configuration tab, you can find changes made under the different tabs of Page Settings such as General, SEO, Redirects and Custom Fields. Red marks the previous value, green marks the new value of the selected revision
Loading the image...
# Side-by-side
With the Side-by-side mode, you can compare your versions. Select a previous version. Once you click on “side-by-side” a handy slider will appear, the previous version will be on the left side and the revised version on the right.
Loading the image...
TIP
Lock the slider by clicking on the slider handle. This allows you to scroll through the page revision without affecting the slider position.
# Page Builder
We make use of the open-source page/HTML builder called GrapesJS. For extensive documentation regarding GrapesJS we would like you to redirect to the GrapesJS documentation (opens new window).
# Form
In the form
component it is possible to select the form that you want to show on the page. The list of forms will be retrieved from your own forms. How to add / edit a form can be found in the Forms section.
# Counter
While adding the counter component you'll receive a dropdown with all your configured counters from your environment. Once a counter is selected this will be shown on your page. If the page also contains a form the counter will automatically increase the values REALTIME. This means that if two persons are visiting the same page with the same counter and the first person is submitting the form that the second person will see an update of the counter realtime without needing to refresh the page.
# Content translator
Adding the content translator
component allows you to configure the page with multi-language support. Once the component is dragged into the builder, you'll see a text message stating that you can start configuring languages through the component settings. In the component settings, you will find two dropdown menus:
- Supported languages
- Default language
Loading the image...
After enabling multiple languages, you can translate content for each language. Note that elements like images will not be affected. The default language
selected in the Component Settings is the language you are currently editing within the builder. To translate content into a different language, select a different default language. You can always switch back to the "original" language afterward.
Forms
Please be aware that if your page contains a form, the form must also have the same languages configured as those supported by the page.
← FAQ Configurations →