Getting Started

1. Click "Marketing" and select "Landing Pages"

Create a New Landing Page 

How to Select and Customize the Perfect Landing Page Template

• Browse Templates:

Explore the selection of landing page templates available.

Preview

Click "Preview" to view the landing page before selecting it.

Create Your Page:

Click on the "Start Editing" button to finalize your selection and start building your landing page.

• To set up your landing page, start by naming it, adding a description, and selecting a source. You can also create a new source if needed. Once everything is ready, click "Save and Create." (Sources are linked to each lead when they submit their information through your landing page.)

Select From Existing Saved Landing Page to Edit

To Edit Existing Landing Pages

1. Search for landing page to edit by name or by status (All, Active, Inactive)

• Click on the blue pencil to edit the page

Customizing Your Landing Page

Steps to Create and Customize Your Landing Page

Once you choose your template, our drag-and-drop editor will open up, where you can select specific icons to drag and drop into the blue box on the page.

Adding Content

The landing page editor offers a variety of tools to design your landing page.

These tools include:
Columns: Add columns to better arrange your content.
Properties: Select your properties from your Property Page in Wise Agent!
Button: Add clickable, customizable buttons with options for colors and styles.
Divider: Insert dividers to create space and separation between sections.
Heading: Add headings (from H1-H6) to highlight important sections.
Paragraph: Insert text into your design. You can customize the font, color, and style.
Image: Upload a new image, use stock photos Wise Agent offers, or use a photo already in your Image Library.
Carousel: Add multiple images to click through, like a slideshow.
Video: Add a YouTube or Vimeo video directly to automatically generate a preview image. The image will link to the provided URL.
Social: Add social media links to encourage engagement with your brand.
Form: Create customized form information you'd like to collect. It will automatically include First Name, Last Name, Email Address, and Phone Number.
Menu: Create navigation menus for your Landing Page.
Table: Add a table for organization.
HTML: Insert custom HTML for advanced customization.

To add any of these elements, simply drag and drop them from the right-side panel onto the Landing Page editor.

Adding Blocks

"Blocks" help you structure your Landing Page by creating sections that improve readability and design flexibility. Each block can be customized with its own background, borders, and padding, allowing for distinct sections in your layout.

Editing the Body

The Body settings allow you to customize your Landing Page's overall appearance. Here are some key features you can adjust:

Text Color: Set the default text color to match your brand’s color scheme or to highlight specific information.
Background Color: Choose a background color that complements your text and enhances readability.
Content Width: Adjust the width of your content to ensure it looks great on both desktop and mobile devices.
Content Alignment: Set the alignment (left, center, or right) for your text and images.
Font Family: Choose a font that fits your brand's style. For compatibility, select web-safe fonts.
Font Weight: Modify the weight (e.g., bold or regular) of the font to emphasize important information.
Pre-header Text: This appears in the inbox preview and is a great way to increase open rates. Add a brief and compelling pre-header to complement your subject line.
Link Settings: Customize link colors and decide whether to underline them.

Images

Search for Images: Browse millions of stock images from sources like Unsplash, Pexels, and Pixabay.

Drag and Drop: After selecting an image, drag it into your editor. The editor will automatically adjust it to fit within your design.

Image Customization: Adjust the image’s size, alignment, and position directly from the editor, ensuring it blends seamlessly with your content.

Uploads: View and reuse recently uploaded photos from your Image Library, or choose to upload a new one here.

Top Bar:

Edit the title of your Landing Page by clicking the blue pencil icon in the top left corner.

Active/Inactive toggle: Toggle this on to make your Landing Page Active.
Settings/Gear Icon: The Settings include Source, Response Action, Google Tag Manager, Meta Data, and Color Palettes.
Response Page: This will only appear if your Response Action is set to "Response Page". You can create a Response Page and switch between your Landing Page and Response Page by clicking this button.
Save: Click this when you're ready to save your changes.
X: Click this to leave the Landing Page. It will bring up a prompt if you have unsaved changes.

Settings

Source: Change the Landing Page Source or Form Submission API Key
Response Action: Choose what happens with your Landing Page after the form is filled out and submitted. Create a Response Page, Redirect to another URL, or have the page refresh.

Google Tag Manager: The Google Tag  Manager section allows you to add/edit container IDs and optimize container IDs by clicking the pencil icon to the right.
Meta Data: The MetaData section enables you to customize your landing page's title, description, and preview image by simply clicking the pencil icon.
Color Palettes: Create reusable color palettes for the landing page editor.

Response Page

Edit your Response Page by clicking "Edit Response Page" under Settings

This will open your "Response Page" with the drag-and-drop editor. When done making your changes, click "Save" in the top right corner.

 To get back to your Landing Page, click "Landing Page" next to the Save button.

Landing Page Walkthrough: