Builder

How to create funnels

Step1: Login to https://v3.xfunnels.io/products Step2: Click on "+" icon to create your funnel. Step3: Choose the type of funnel you want to create and press 'Next' Step4: Fill your funnel details, choose a funnel logo and Register a Custom Web Address. Press 'Next'. Step5: You get the funnel steps where you are free to add a step, after then click over 'Next'. Step6: Your funnel is saved successfully which you can view at the same place you started from, like this. Click here to view ...

How to insert Preset Blocks in your page

Step1: Click on the page after which you want to insert the preset block. After then, Click on the first tool of the toolbar at the left corner of your page. This tool reads 'Preset Block' Step2: At the right side of your page, a list of all the preset blocks will appear. Choose a block of your choice and then press insert. Learn through Video : https://s3-us-west-2.amazonaws.com/meetzippyandhqmeetuptokboxrecording/46351292/6511ed51-368a-4d65-aa25-ef99ff24e201/archive.mp4

Add heading to your block

Step1: Choose the template to start with and get into xfunnels builder. Step2: Click on the block where you want to have heading. After then, go to the 3rd tool of the toolbar at the left corner of your page. This tool reads 'Headings'. Click on it and heading will be inserted to your page. Step3: To manage your heading settings, click over your heading and you will be provided with the toolbar at the right corner of your page to deal with all your heading settings. Learn more through video...

Add an empty block to your page

Step1: Click on the block after which you want to add an empty block. As soon as you click on that block, you will be provided with the horizontal toolbar. Step2: The 5th tool in this toolbar reads 'Add Block'. Click on it and an empty block is added to your page just after the block on which you worked the latest. Learn more through video : https://s3-us-west-2.amazonaws.com/meetzippyandhqmeetuptokboxrecording/46351292/41ea5252-b56f-41c2-bfc0-c68a39298639/archive.mp4

Add Menu to your Page

Step1: Choose the template and get into the builder. Step2: 2nd last tool of the toolbar at the left corner of your page reads 'MENU'. Click on it and the menu will be added to your page at the top. Learn more through video: https://s3-us-west-2.amazonaws.com/meetzippyandhqmeetuptokboxrecording/46351292/031ac36b-0fa3-469d-ae55-263449d829ba/archive.mp4

Get the HTML code of your block

Step1: Choose the template and get into the builder. Step2: Click over the block of which you want to get the code. As soon as you click on the block, you get a horizontal toolbar at the top of that block. 4th tool in this toolbar reads 'Edit Code'. Step3: Click on it and you will get the code for that block. Learn more through video: https://app.meetzippy.com/replay/info/dYwXO1HI8tJyR6rO5Chr

Insert shapes to your page and manage its settings

Step1: Choose the template and get into builder. Step2: Click over the block where you want to insert the shapes. Step3: 2nd tool of the toolbar at the left corner of your page reads 'Shapes'. Click on it and you will be provided with the shape options at the right side of your page. Step4: Choose the shape you want to insert and shape will be inserted on your page. Step5: To manage the shape settings, click once on your shape and a toolbar will appear at the right corner of the page t...

Insert Images to your Page

Step1: Choose the template and get into the builder. Step2: The 5th tool of the toolbar at the left corner of your page reads 'Image/video'. Click on it and you will be provided with the image gallery where you can choose from. Also, you are free to drag and drop or browse an image. Step3: Choose the image and click on 'Insert Image'. With this, the chosen image will be added to your page. Step4: As soon as you click over the inserted image, you get a toolbar at the right corner of your ...

Connect Payment Gateway with your Checkout Button

Step1: Click on the checkout button and you will get a toolbar at the right corner of your page. 2nd tool in this toolbar states 'Settings'. Click on it. Step2: From here, you can label your button, select product, select the payment gateway and then click on 'Save' Step3: Click 'save now' and the payment gateway will be connected to your checkout button. Learn via Video: https://s3-us-west-2.amazonaws.com/meetzippyandhqmeetuptokboxrecording/46351292/9ae40796-252e-49d1-810d-5c526540c607...

Insert Video to your Page

Step1: Choose the template and get into builder Step2: Click on the block where you want to add video and after then click the 6th tool of the toolbar at the left corner of your page which reads 'Videos' and with this, demo video will be added to your page. Step3: To change the video and manage its settings, click once on the demo video and you will get a toolbar at the right corner of you page to manage video settings. Step4: To insert video of your choice, click on change video and you wi...

Clone your block

Step1: Click over the block which you want to clone and you will get a horizontal toolbar at the top of that block. Step2: 2nd last tool of this toolbar reads 'Clone Block'. Click on it and this block will be cloned and will be added to next of that block on which you worked the latest.

Add carousel to your page

Step1: Choose the template and get into the builder. Step2: 3rd last tool of the toolbar at the left corner of your page has a tool reading 'Carousel' Step3: Click on it and the carousel will be added to your page. Learn more through video: https://s3-us-west-2.amazonaws.com/meetzippyandhqmeetuptokboxrecording/46351292/bb61b253-d46e-450d-8123-b41de4033eae/archive.mp4

Add Countdown to your page.

Step1: Choose the template and get into builder. Step2: Click over the block where you want to insert the countdown. After then, Step3: Go to 7th tool of the toolbar with clock icon at the left corner of your page reads 'Countdown' Step4: Click on 'countdown' and you will get a choice window from where you can choose timer format as per your wish. Step5: Choose the timer format and click 'insert. With this, countdown will be added to your page. Step6: To manage the countdown settings, c...

Add social share icons to your page

Step1: Choose the template and get into the builder. Step2: 2nd last tool of the toolbar at the left corner of your page presents an option to add a social share icon. Before choosing that, click over the block where you want to insert your social share icons. Step3: Click on 'social share'. With this, social share icons will be added to your page. Step4: You are free to drag these icons anywhere to your page Learn more through videos: https://s3-us-west-2.amazonaws.com/meetzippyandhqmee...

Add Progress Bar and Manage its Settings

Step1: Choose the template and get into builder. Step2: 2nd last tool of the toolbar at the left corner of your page presents an option to add Progress Bar. Before choosing that, click over the block where you want to insert your Progress Bar. Step3: Click on 'Progress Bar'. With this, Progress Bar will be added to your page. Step4: You are free to drag this Progress Bar anywhere to your page. Step5: Progress Bar settings 1. Give single click on the inserted progress bar and you will be ...

Add Facebook Comment to your page

Step1: Choose the template and get into builder. Step2: 2nd last tool of the toolbar at the left corner of your page presents an option to Facebook Comment. Before choosing that, click on the block where you want to insert your Facebook Comment. Step3: Click on 'Facebook Comment'. With this, Facebook Comment section will be added to your page. Step4: You are free to drag this Facebook comment anywhere to your page. Step5: Facebook Comment settings 1. Give single click on the inserted sec...

Manage SEO Settings for your page

Step1: Choose the template and get into the builder. Step2: The Last tool of the toolbar at the left corner of your page presents an option reading 'SEO'. Step3: Click on 'SEO'. With this, you will get a toolbar at the right corner of your page to manage SEO settings for your page. Step4: SEO settings Here you can: 1. Give a title to your page 2. Add Canonical URL 3. Provide keywords 4. Write meta description for your page 5. Change favicon for your page Learn through video: ht...

Set Page Loader

Step1: Choose the template and get into the builder. Step2: The Last tool of the toolbar at the left corner of your page presents an option reading 'Page Loader Settings'. Step3: Click on 'Page Loader Settings'. With this, you will get a toolbar at the right corner of your page to choose the loader format. Step4: Choose the format for loader and then click 'Set Loader'. With this, the loader will be set for your page. Learn through video: https://s3-us-west-2.amazonaws.com/meetzippyandhq...

Add Script codes to your page

Step1: Choose the template and get into the builder. Step2: The Last tool of the toolbar at the left corner of your page presents an option reading 'Page code (Header, Body, Footer). Click on it and with this, you will get a toolbar at the right corner of your page to fill head, body or footer codes. Step3: Fill header, body or footer codes and then click 'SAVE'

Delete a Block

Step1: Choose a template and get into the builder. Step2: Click over the block which you want to delete. A toolbar will appear at the top of that block. Step3: Click on the bin icon reading 'Delete' as indicated in the image below. Step4: Press 'YES' to the asked question for confirmation to delete the block. With this, block will be deleted.

Move a Block Up/Down

Step1: Choose a template and get into the Builder. Step2: Give a click to the block which you want to move. Step3: A toolbar will appear at the top of that block. Two of the first tools are arrows reading, 'Move Up' and 'Move Down' Step4: Click on the first arrow reading 'Move Up' will move your block above the block onto it. While click on the second arrow reading 'Move Down' will move your block below the block descending it.

Change the Font Family, Style and Size of the Text

Step1: Tap over the text you want to transform and a toolbar will appear at the right side of your screen. Step2: Choose the 'Font Settings' Step3: The Below image shows the column to change the font family, font style and font size of the selected text.

Redirect to other page on clicking the text

Step1: Tap over the text you want to connect to the other page URL. Step2: Click on 'FONT SETTINGS' Step3: Select the icon shown in the image below. Step4: Enter the URL of the page to which you want to redirect as soon as one clicks the selected text.

Change the Colour of the Text

Step1: Tap over the text of which you want to change the color. A toolbar will appear on the right side of your screen. Step2: Select 'FONT SETTINGS' Step3: Click the tool indicated in the image below and choose the color of your choice.

Hide the Text on one device view while visible on the other device

Step1: Select the Text which you want to hide in the Mobile view and a toolbar will appear at the right side of your screen. Step2: Select the tool reading 'OBJECT VISIBILITY' Step3: Deselect the device on which you want to hide the selected text (ex: Mobile view)

Add Animation to your Text

Step1: Select the Text to which you want to add the Animation. A toolbar will appear on the right side of your screen. Step2: Select the last tool of the toolbar reading 'ANIMATION SETTINGS' Step3: Select the Animation type, Timing function, Duration/Delay and click 'SAVE NOW'

Insert Heading to a Block

Step1: Get into the Builder. A toolbar will appear at the left corner of your page, 3rd tool of this toolbar reads 'Heading'. Step2: Click on the block to which you want to insert the Heading and then select the 'Heading' tool. Step3: TO RESIZE YOUR HEADING: 1. Click on the heading and a toolbar will appear on the right side of your screen. 2. Click on the second tool of this toolbar reading 'HEADINGS TEXT'. 3. Chose the Heading size of your choice.

Add Modals/Pop-Ups

Step1: Get into the builder and you will see a toolbar at the left corner of your page. Step2: Select the tool indicated in the image below reading 'Modal & PopUp' Step3: Select a Modal pop-up. STEP4: Edit the details as per your choice and click 'INSERT'

Import Shared Page

Step1: As soon as you log in to Xfunnels, click on the 'My Funnels/Pages' section. Step2: Click on the pencil tool reading 'Edit Steps' Step3: Choose the funnel step and go to the icon indicated in the image below reading ' Import Shared Page' Step4: Enter the Shared Page Code and click 'IMPORT'

Add a Page Slug

Step1: As soon as you log in to Xfunnels, click on the 'My Funnels/Pages' section. Step2: Click on the pencil tool reading 'Edit Steps' Step3: Choose the funnel step and go to the icon indicated in the image below reading 'Page Setting' Step4: Enter the Page Slug and click 'UPDATE'

Redirect the visitor to other page after Timer ends

Step1: Click on the Countdown and a toolbar will appear at the right side of your page to manage its settings. Step2: Enter the URL of the page to which you want to redirect the visitor when the timer ends in the column shown in the image below.

Set Countdown Language

Step1: Click on the Countdown and a toolbar will appear at the right side of your page to manage its settings. Step2: Click on the second tool reading 'SETTINGS' Step3: Choose the language from the dropdown shown in the image below.

Give Shadows to an Element

Step1: Get into the builder and choose the element you want to add shadows. A toolbar will appear on the right side of the screen to manage its settings. Step2: Click on the tool reading 'SHADOWS' Step3: Choose the color of which you want to give shadows to the selected element. Step4: Add dimensions to set the desired intensity of the shadow.

Insert Video via URL

Step1: Get into the Builder and you will see a toolbar at the left corner of your page. Step2: Tap on the block to which you want to add the video. After then, click on the tool reading 'VIDEO' as shown in the image below. With this, a demo video will be added to your page Step3: Click on the video and a toolbar will appear at the right side of your page to manage its settings. Step4: The Second tool of this toolbar reads 'SETTINGS'. Click to it and enter the URL of the video which you want...

Give Social Cover to your Page

Step1: Get into the Builder and you will get a toolbar at the left corner of your page. Step2: Go to the last tool of this toolbar, one of its sub-tool reads 'SOCIAL ADS'. Click on it. Step3: Give a social title, image and also description to your page. Step4: Click 'SAVE'

Change Logo of your page

Step1: Click on the MENU Block and a toolbar will appear at the top of your block. Step2: Click on the tool indicated in the image below reading 'MENU SETTINGS' and a toolbar will appear at the right side of your page. Step3: Click on Settings and then to 'Change Image' Step4: Select a PNG, JPEG or GIF image or Browse your computer and then press 'INSERT IMAGE'

Insert Opt-in Form to your Page

Step1: Get into the builder and you will get a toolbar at the left corner of your page. Step2: Select the tool reading opt-in forms as indicated in the image below. Step3: Choose the form and click 'INSERT FORM' and with this form will be inserted to the block on which you last worked upon.

Insert Video Background to your Funnel/Page

Step1: Tap on the background and a horizontal toolbar will appear on the top of that block. Step2: One of the tools reads ' Manage Background', click on it. Step3: Choose 'Settings' and then enter the URL of your hosted mp4 video which you want to insert as the background in the FTP Video Path column as indicated in the image below. Step4: Click 'SAVE NOW'