Finalising and Launching Your Landing Page

Overview
Before going live, it’s important to refine your layout, guide users with clear actions, and confirm everything works as expected.
In this guide, you’ll learn how to:

• Complete your page layout
• Customise call-to-action (CTA) buttons
• Set up anchor navigation
• Publish and test your website

1. Build the Final Section
Use structured layouts to organise your closing content:

• Add Layouts:
  Drag and drop Layout elements to structure your final section.
• Insert Images:
  Add a Picture element and select an image from your gallery.
• Add Text Content:
  • Insert a title and set it as a Heading, then centre it.
  • Add a paragraph element for supporting text and align it consistently.
• Adjust Spacing:
  Select multiple elements (hold Ctrl) and use Margins in the right-hand panel to create balanced spacing.

2. Customise the Call-to-Action (CTA) Button
Your CTA should stand out and encourage interaction:

• Basic Setup:
  Add a Button element, then update the text and background colour in the right-hand panel.
• Border Styling:
  Match the border colour with the button background for a clean look.
• Hover Effect:
  Switch to the Hover tab and choose a slightly darker (or lighter) shade so the button responds visually when hovered over.

3. Set Up Anchor Navigation
Anchors allow buttons to scroll users to specific sections of the page.
Create an Anchor

• Select the target section (e.g., contact form).
• In the right-hand panel, go to Advanced.
• Enter a name in the Anchor Name field (e.g., contact).

Link the Button

• Select your CTA button and click the pen (edit) icon.
• Under Link Properties, choose Page on your website.
• Select the anchor you created from the dropdown list.

Apply to Header Navigation

• Update any header buttons (e.g., Contact) to link to the same anchor for consistent navigation.

4. Publish and Test Your Website
Once everything is ready:

• Publish:
  Click the Publish button to make your site live.
• Test Navigation:
  Click your buttons on the live site to ensure they scroll to the correct sections.
• Test the Contact Form:
  Submit a test message and confirm it is delivered to your configured email address.