Edit the Opt-in Page
Watch the tutorial below to learn how to edit the Opt-in Page within the Funnel Builder.
The four important components we will be covering are:
Your Branding
The Opt-in form
The Meta Data
The Mobile view
How to Edit the Opt-in Page: A Step-by-Step Guide
Accessing the Funnel Builder:
Navigate to the "Sites" section in your Funnel Breezy dashboard.
Click on "Funnels" and select the landing page you want to edit.
Note: If your Funnel Builder doesn't look like the walkthrough, ensure you've enabled the new version in "Labs."
Understanding the Layout:
Green sections define overall areas.
Blue rows contain content within sections.
Purple columns organize elements within rows.
Orange widgets represent individual elements like text or images.
Branding Your Page:
Click on an element to access its color options.
Choose a new color from the available options (excluding the top section).
Consider using a brand color palette from tools like Canva.
Repeat for other elements to update the overall color scheme.
Access "Typography" on the top left to edit fonts.
Select fonts from the available Google Fonts list.
Choose fonts that complement your brand identity (may not be a perfect match).
Note: Currently, custom fonts without coding are not supported in Funnel Breezy unlike Elementor.
Change background images:
Click on the background section.
Scroll down to "Background Image" and click the photo icon.
Upload your desired image.
Replace other images:
Click on the specific image you want to change.
Go to "Image" and choose "Replace."
Select a new image that aligns with your brand.
Tip: Utilize the undo/redo buttons for any mistakes.
Editing Opt-in Forms:
Identify the opt-in form element on the page.
Click on the form and scroll to the bottom right-hand side.
Select the desired opt-in form from the "Opt-in Form" menu.
Define where users go after submitting the form (e.g., Thank You Page).
For landing pages with pop-up forms:
Click on the button linked to the pop-up.
Scroll down on the right-hand side and find "Button Action."
Ensure "Links to Open Pop-up" is selected.
Customizing Metadata:
Access "Metadata" to define how your page appears when shared.
Fill in the "Title" (e.g., name of your lead magnet).
Provide a detailed "Description" of your offer.
Include relevant "Keywords" to improve searchability (optional).
Add "Author" information (e.g., your name and business).
Upload a "Social Image" (e.g., a picture of you or your lead magnet mock-up).
Tip: Ensure the social image is uploaded to avoid automatic image selection.
Mobile View Optimization:
Click on "Mobile View" to see how your page appears on mobile devices.
Check the layout and adjust elements if necessary.
Use the "Advanced" options to control element visibility on desktop vs mobile.
Double-check for any discrepancies between desktop and mobile versions.
Important: Always ensure your mobile view is optimized for a seamless user experience.