How to Create a Project with a Landing Page in FlexiFunnels

Step 1: Creating a Project

To create a landing page in FlexiFunnels, you first need to create a "Project." Follow these steps:

1. Go to Dashboard Settings - On the FlexiFunnels Dashboard, locate and click on "Projects."

2. Create a New Project - Click on the "+Create New" button on the Projects screen.

3. Name Your Project - Enter your desired project name and click on the "+ADD Project" button.
   
    

Once you've completed these steps, your project will be created, and you can proceed to build your landing page.

Step 2: Selecting a Landing Page Template

1. Choose the Landing Page Category - After creating your project, select the "Landing Page" category.

2. Select a Template - FlexiFunnels offers multiple landing page categories, each containing various templates. Choose the one that fits your needs.

3. Finalize Selection - Once you have selected a template, your screen will update to display the chosen design.

4. Edit the Page - Click on the "Edit Page" button to customize the landing page according to your preferences.

You have successfully created a Project in Flexifunnels With a Landing Page.

Mobile Optimization: Making Your Page Responsive

Before optimizing your page for mobile devices, keep these four important points in mind:

1. Use Style Settings

1. Switch to Mobile View - Click on the Mobile View option to start editing for mobile.

2. Modify Text Settings - Select any element (e.g., Headline), then go to Gear Setting > Pencil Setting > Text Setting.

3. Adjust Font Size - Change the font size according to mobile needs (e.g., Headline: 45px for mobile, 56px for desktop). These changes will not affect the desktop version.

4. Apply Additional Changes - You can make further adjustments, such as color and alignment, to improve the mobile experience.
   
   
   

2. Use Inline Bar for Specific Text Adjustments

1. Highlight Specific Words - Use the Inline Bar to apply styles like underlining, bold, or italics to specific words.

2. Global Changes - If you need to style an entire text block, use the Style Setting instead.
   
   
   

3. Manage Spacing: Margin vs. Padding

Understanding spacing is crucial for a well-optimized page:

• Margin: Adds space outside the element, row, or section.

• Padding: Adds space inside the element, row, or section.

How to Adjust Spacing:

• Hover over elements to visualize margins and paddings.

• Use the Style Setting to increase or decrease the spacing in mobile view.

• Avoid excessive use of spacing settings to prevent layout issues.

• Ensure changes are consistent across both desktop and mobile views to avoid future confusion.
  
  
  

4. Bonus Tip: Recommended Font Sizes for Mobile

To improve readability and user experience, use the following font size guidelines:

• Headline: 30px - 36px

• Subheadline: 23px - 26px

• Normal Text: 18px - 20px

By following these steps, you can create a professional and mobile-responsive landing page in FlexiFunnels. We hope this guide helps you in your online journey!