How To Create or Edit Landing Pages
Konvey-hosted landing pages are designed, by default, to serve as sign-up form, profile update form and unsubscribe form, based on the custom-coded hyperlink used to direct the recipient. Custom landing pages may also be created to serve one specific function, or combinations of functions.
The Konvey landing page builder provides complete access to any needed server-side script, allowing for extremely flexible customization. This builder takes place in a window, with controls for the page broken out into logical sections. While there are tool-tips in place, an overview of the controls is often helpful.
Edit Landing Page fields:
Name – this is a descriptive name that should be recognizable to the admin, as it is not displayed to contacts.
Description – this allows for a more detailed explanation of the landing page than the name alone provides. This field is also not displayed to contacts.
Is Site Default – there can be only one default landing page per site, so this will become the landing page that contacts will see if they were to visit http://yoursite.konvey.net , without the encrypted URL data used in mailings (i.e. a landing page ID, a specific mailing ID, etc.).
Server-Side Personalization – This should be selected only if you need to use Konvey’s server-side personalization engine (i.e. to build a programmatic URL to another Landing Page based on contact/mailing data). This function is resource-intensive however, so it should only be selected if truly needed.
Confirmation Mailing (Join) – If the page is visited in Join mode, and you would like to send a confirmation email when the Join form is successfully submitted, this dropdown allows you to choose the mailing for that purpose. The selected mailing must be already built in the system, in order to show up in the dropdown list.
Confirmation Mailing (Profile Update) – Similar to the Join confirmation mailing, but used when the landing page is in Profile Update mode.
Edit Landing Page code tabs:
Notice that at the top of all tabs the dropdown including the following options, to make customization easier: Use Default Content, Replace Default Content, Prepend to Default Content, Append to Default Content.
CSS – this tab contains any <style> elements to be included in the top of the Container section (see next). Additional <style> elements may be added before or after the default <style> element, or the default may be edited or removed completely.
Container – this tab includes the main <div> element, containing all of the visible page content, including the content from the Header and Footer tabs (see below). Any changes or additions that are not appropriate for the Header or Footer sections should be done here. In the default code, the <ng-view> element will be populated by the form/fields, so content may be easily placed above or below the form (see image, click to enlarge).
Header – this tab contains any display code that appears at the top of the visible content, including logo(s), header banners, navigation links, etc.
Footer – very similar to the Header tab content, except that it is placed at the bottom of the visible content.
Join – this tab contains the functional <form> of the landing Page when it’s in Join or Profile Update modes. This will not often be updated, as changes to profile fields that appear by default should be managed on the Script tab (see below).