Editing Landing Pages
The Page Editor gives you full control over how your White Swan landing pages looks, feels, and functions.
1. Associate a Client Journey
Every landing page can be tied to a client journey within White Swan, letting visitors easily explore insurance products, get quotes, and apply for policies. You can select from:
• Quick Quote Journeys – Ideal for streamlined, instant quotes.
• Guided Journeys – A more personalized, step-by-step flow for clients.
• Product-Specific Journeys – Tailored for a single insurance product type.
How to Link a Client Journey:
1. Open the Page Editor for your chosen landing page.
2. Look for the Client Journey dropdown.
3. Select the journey you’d like to link.
With your client journey linked, all call to action buttons will lead to your client journey, tying your landing page together with a sales funnel that allows you to take applications.
2. Making a Page the Default Landing Page
If you’re using a custom domain with White Swan (e.g., onlineinsurance.com), you can set a specific landing page as your default—meaning anyone who visits your domain (e.g., onlineinsurance.com) goes straight to that page.
• The first landing page you create automatically becomes your default.
• If you create additional pages, you can set any of them as the default by clicking Make This Page Default Landing Page in the Page Editor.
3. General Settings
Customize overall page properties here, ranging from sharing details to basic design choices.
3.1 Page Title
Displayed in the browser tab and when sharing the page link.
3.2 Page Description
A brief summary appearing in link previews (like on social media).
3.3 Page Share Image
The image displayed when you share your page on social media or in messages.
3.4 Page Favicon
The small icon shown on the browser tab.
3.5 Custom Font
Choose from our free fonts or upload your own to match your brand.
3.6 Background Color
The main background color of your landing page (you can still define individual section backgrounds).
3.7 Font Color
The primary font color across your page (individual sections can override this).
3.8 Shadow Color
The color of shadows on elements on the page - pick a subtle color (often partially transparent) to keep the look cohesive. If you don’t want any shadows, pick a transparent color.
4. Header Settings
Your header contains your logo and the navigation menu:
4.1 Header Type
Choose what type of header your landing page will use - either a plain header or a floating header with a logo.
4.2 Logo Shown in Header
Upload or choose which logo to display. By default, the logo of your account is used here.
4.3 Header Background Color
Optionally set a unique color for the header
4.4 Menu Highlight Background & Text Color
As users scroll through sections, the active menu item can be highlighted with specific colors.
4.5 Menu Item Name
Rename any menu items or optionally hide them.
5. Hero Section Settings
This is the first section visitors see, so it’s critical for making a strong impression:
5.1 Hero Section Type
Choose between a Video Hero, Vertical Image, Horizontal Image, or Custom Code hero.
5.2 Section Name in Menu
Determine how the hero section appears in the header menu.
5.3 Video File & Cover Image (if using Video Hero)
Upload a video and cover image, plus set an overlay color for a custom tint. You can also define the Play Video Button text and colors.
5.4 Section Image (if using Image Hero)
Upload an image for the hero.
5.5 Section Background Color
Optionally pick a unique color for the hero background.
5.6 Headline & Paragraph Text
Craft your main message and supporting copy.
5.7 Call to Action (CTA) Button
Customize button text, colors, and link it to a client journey or a custom URL.
5.8 Custom Code (if using Custom Code Hero)
If you select a custom code hero, you can embed HTML directly into this section.
6. Main Sections Settings
Below the hero, you can add as many main sections as you need. These sections share many of the same customization options as the hero section (e.g., background color, font color, images, custom code, etc.). Beyond the customization options of the hero section, the main sections also has these options:
Add/Remove Sections: Streamline or expand your page by inserting new sections or deleting ones you don’t need.
Rearrange Order: Change the order of the main sections if needed.
Checkmark Lists: Emphasize key benefits or features by adding bullet points with checkmarks.
7. Final Call to Action Settings
This section is designed to restate or reinforce your primary CTA: This section shares many of the same customization options as the other sections (e.g., background color, font color, images, custom code, etc.).
8. Footer Section Settings
The footer can include branding, disclaimers, and optional forms for contacting you:
8.1 Footer Style
Choose between a Plain Footer or a Contact Us Footer.
8.2 Disclaimer Text
If required add any legal or compliance info.
8.3 Contact Us Form
Define the color of the form fields and button and specify which email addresses receive form submissions.
8.4 Policy Links
All footers contain Terms of Service and Privacy Policy links. These links will by default lead to the Terms of Service and Privacy Policy links of White Swan. If you need to change these links, visit your General Settings page where you’ll find instructions for changing these links under Company Settings.
9. Custom CSS
To go beyond what’s possible with standard settings, you can insert custom CSS into the page to customize its look and feel.
If you need to embed any additional scripts or tracking code, use a custom code section within one of your page sections.
Next Steps
Once you’ve finished customizing your page in the Page Editor, you can start sharing your new landing page link and watch your visitors explore life and LTC insurance in a seamless, branded environment.
Questions or Issues?
If you need more help or something’s not working as expected, visit our FAQ or reach out to Support. Our team is here to ensure your landing page delivers the best possible experience!
Last updated
Was this helpful?