When you want something the sections do not offer, Edit HTML opens the code of the page you are looking at in WordPress's own code editor. You can change anything, and the parts that depend on your settings stay live.
Where to find it:
Open a funnel on Build Funnel, click the page tab you want, then press Edit HTML in the bar above the preview. The panel is titled Edit HTML for and the page name.
How to use it, step by step:
- Open the page in the preview and press Edit HTML.
- Read the first line under the code: This is the builder version. Save it to make it yours.
- Change anything you like: wording, structure, your own blocks, your own styles.
- Press Save HTML And Preview. The preview shows your version straight away, and the line reads Saved. The preview shows your HTML now.
- Press Save Funnel, then publish or download as usual.
Your HTML is used everywhere that page appears: the preview, the published WordPress page and the zip. While a page uses your own HTML, a note above the preview says This page uses your own HTML, with an Edit HTML button beside it.
Your forms, buy buttons and webinar dates stay live:
Lines like [[rafb-live:3:optin_form]] are the parts of the page that depend on your settings: an optin form and where it sends leads, a buy button and its product's current price, a webinar registration and its next date, a download and its file, and a video playing a webinar recording. They are drawn fresh every time, so a price, a date or your email list can never go stale inside your HTML.
- Move a live line anywhere on the page, or delete it to remove that part
- Change its settings, like the email list or the product, in Edit Content as usual
- Reordering sections later never breaks your HTML. A live line finds its section even after it moves
Links to your other pages:
Write href="#rafb-page-" followed by the page's id, for example href="#rafb-page-thankyou". It becomes that page's real address when you publish, its file name in the zip, and # in the preview. The starting HTML already uses the right addresses for the buttons the builder set up.
Going back:
Press Back To The Builder Version to use the generated layout again. It asks first, because your own HTML for that page is removed. While a page uses your own HTML, Edit Content, Rewrite Page and Regenerate Section still work, but they change the builder version you would go back to.
Ideas that work well in Edit HTML:
- A short personal note or quote above the form
- An image or a logo strip in a spot the sections do not offer
- Your own colours: a small style block with your exact brand colour
- An embed from another tool, such as a scheduling widget, placed between two sections
Who can save scripts:
An administrator can save anything, scripts and styles included, exactly as in WordPress's own Custom HTML block. Someone WordPress does not trust with raw HTML keeps formatting only, and the editor says so before they start.
A real example:
Sarah wants a short line from her mum's recipe book above the optin form. She opens Edit HTML on the free guide page, adds a small quote block just above [[rafb-live:2:optin_form]], presses Save HTML And Preview, and the quote appears. Her form still sends every lead to Calm Kitchen Newsletter.
Tips:
- Make one change at a time and preview it.
- Keep the live lines. They are what keep forms, prices and dates correct.
- Switching page tabs with unsaved code asks first, so you never lose an edit by accident.