9.1 Why Preview a Template?

AIUNIFY Funnels provides a dedicated Template Preview so you can inspect a template before creating your own Landing Page from it.

Previewing first helps you evaluate:

  1. Main Page structure.
  2. Thank You Page structure.
  3. Desktop presentation.
  4. Tablet presentation.
  5. Mobile presentation.

9.2 Opening Preview

From the active template library, select Preview for the template you want to inspect.

The Preview workflow loads the selected Template and prepares its content and style for display.

If the requested Template cannot be found, the current controller returns the user to the template library with the message:

Template id not found

9.3 Responsive Preview Controls

The Preview interface contains three device icons representing:

  1. Desktop
  2. Tablet
  3. Mobile

The source applies different preview classes when those controls are selected so that the template can be viewed at different presentation widths.

The desktop icon is the initially active preview control in the confirmed template-preview view.

9.4 Previewing the Main Page

The Main Page button displays the template's Main Page preview.

This is the primary visitor-facing page structure that becomes the starting Main Page content when you create a Landing Page from the template.

Review areas such as:

  1. Overall section order.
  2. Headline and content hierarchy.
  3. Call-to-action placement.
  4. Form or conversion-area placement where present.
  5. Image proportions and visual balance.

9.5 Previewing the Thank You Page

Select Thank You Page to switch the preview from the Main Page to the template's Thank You Page.

The Preview source maintains separate frames for Main Page and Thank You Page content.

This distinction matters because the Thank You Page can participate in the visitor experience after a supported form submission or payment action.

Do not evaluate only the Main Page when the campaign will rely on the built-in Thank You Page.

9.6 Switching Back to Main Page

Selecting Main Page again hides the Thank You Page preview and returns the Main Page frame to view.

You can move between the two page previews while evaluating the template.

9.7 Testing All Three Responsive Views

A useful preview sequence is:

  1. View the Main Page in Desktop mode.
  2. Switch to Tablet.
  3. Switch to Mobile.
  4. Open the Thank You Page.
  5. Repeat Desktop, Tablet, and Mobile review.

A template that looks appropriate at one width may still require significant editing at another width.

9.8 Use Template

When you decide to create a Landing Page from the previewed template, select:

Use Template

The button opens the New Landing Page creation modal and passes the selected Template identifier into the creation form.

9.9 New Landing Page Modal

The creation modal contains:

Field or Action Behavior
Template ID A required hidden field populated from the selected template.
Name A required text field for the new Landing Page's name.
Close Closes the creation modal without submitting the form.
Save & Builder Submits the Landing Page creation request and, after successful creation, continues to the Builder.

9.10 Preview Does Not Modify the Template

The user Preview is a selection and review workflow.

Simply switching between Main Page, Thank You Page, Desktop, Tablet, and Mobile preview modes does not itself create your Landing Page or edit the system template.

Your own Landing Page is created only when the New Landing Page form is submitted successfully.

9.11 Preview Versus Builder

Preview Builder
Evaluates a system template before creating your Landing Page. Edits the Landing Page created for your user account.
Lets you compare Main Page and Thank You Page presentation. Lets you customize your saved Landing Page content and styling.
Provides responsive visual review before selection. Provides the operational page-design workspace after creation.

9.12 Recommended Preview Checklist

  1. Review the Main Page.
  2. Review the Thank You Page.
  3. Review desktop presentation.
  4. Review tablet presentation.
  5. Review mobile presentation.
  6. Estimate how much content and layout customization will be required.
  7. Only then select Use Template.

Operating principle: Preview the entire visitor experience before choosing a template. The best starting template is the one that reduces unnecessary rebuilding across both pages and all important device sizes.

Write Your Comment