Landing Pages (AI)

Sidebar: Content → Landing Pages

Module: Landing Pages — Free, Plus and Prime.

FlyB builds complete landing pages from a description of your business: structure, copy, images and colours. You review the result in a visual editor and publish it in one click.

Creating a page

With AI (the wizard)

The wizard asks four questions:

1. Value proposition — what problem you solve and what makes you different
2. Ideal customer profile — who you are selling to and what motivates them
3. Strategic objective and CTA — what you want the visitor to do
4. Visual identity — colours and the perception the design should convey

Plus your company or project name, and optionally your logo.

Your brand details

Right before the page is generated, one screen shows the details that make it yours. Everything on it is optional: Generate my page goes straight on, whatever you left blank.

Details your organization already has (Settings → Company and Social Media), and a WhatsApp button the page already carries, come filled in and switched on. Each row says what will happen to it:

• Switch a detail off to keep it off this page. It is not deleted: it stays saved in your organization, ready for the next page.
• Edit a detail and, when you are an owner or admin, the new value also replaces the one saved in your organization. A detail you fill in for the first time is saved there too, so the next page starts with it. For other members, what you type here applies to this page only.
• Changing the WhatsApp number updates the page’s floating button. Switching it off keeps the AI from using the number, but leaves the button on the page; you can remove it afterwards in the floating button tab.

Layout style

Before generating, you pick a layout style. Each style has its own specialised AI agent that writes the whole page in that visual language:

New pages start on Elegance; pick Swiss Style before generating to use it instead.

Changing the layout style later re-styles every section of the page through the agent for the new style.

Manually

You can also create an empty page and build it section by section.

Generation and Flights

Generating the initial content costs 5 Flights. AI-powered edits and section regenerations cost 2 Flights. Flights are debited when the request is sent — see Plans, Flights & Limits.

Generation replaces any existing draft.

The creator

The creator is a live preview you edit directly. Click any element — a text, a button, a whole section — to open its editor. Point at a section and its toolbar appears: quote it to the AI, duplicate it, delete it, move it up or down, or add a section below it. On the elements inside a section, rest the pointer for a moment to bring up their own toolbar; it sits beside a small element instead of on top of it, so the element itself stays easy to click.

The AI edit box

Describe what you want changed in plain language and the AI applies it. You can also quote specific elements so the AI focuses on them.

Sections

A page is a list of sections. Each can be added blank or generated by AI from a description, and each can be reordered, duplicated or deleted.

Five are worth calling out:

• Hero opens the page, and its headline can highlight one or two words. Select them in the headline field and press Highlight — Bold, Italic and Underline sit beside it, and pressing a style again removes it. Highlighted words take the page’s accent colour on their own; Highlight color sets a colour of your choice and Highlight fill puts a marker behind them. Both options appear once the headline has a highlight.

• Header and Footer share one brand block: your logo, plus the company name shown in its place when there is no logo. Picking a logo sizes it for you — a square mark and a long wordmark need very different widths to read as the same size on the page, so the editor measures the image and sets one. Logo width adjusts it afterwards; the height always follows the image’s own proportions, so a logo can never end up stretched. Space to the left of the logo moves the whole brand away from the edge of the page.

• Content is the workhorse block — an eyebrow, a title, body copy and buttons — and its layout decides what it looks like. Four layouts pair it with a picture (image left, right, above or below the text), one uses the picture as a full-bleed background, and two carry no picture at all: Text Only, a single column set to a comfortable reading width and centred on the page, and Two Text Columns, which drops the image and gives you a second, complete block beside the first — its own eyebrow, title, body and buttons — separated by a thin dividing line you can turn off. The pair is made for two halves of one idea: mission and vision, before and after, the problem and the answer. Both columns are typeset alike, so the colours and font sizes you set on the first apply to the second. When only the first column is filled in, the published page shows a single column.

  On Elegance, a picture you leave on its default settings is treated as the thing the band is built around: it is cropped square beside the copy (16:9 when it sits above or below), so it fills its half of the row instead of floating in the middle of it, and on a wide screen it runs past the edge of the page. Use Image Ratio to pick a different crop — portrait, tall, landscape, wide, or Original for the photo’s own natural height. Setting a fixed Image Height instead keeps the picture at exactly that height and lets its width follow its own proportions, which is the right choice when the image must not be cropped at all.

• Top Blog Posts pulls live from one of your blogs — most recent, most read, featured or hand-picked — so the section keeps itself up to date.

• Custom HTML accepts HTML and CSS (Tailwind and the page’s colours and fonts are already loaded). JavaScript is blocked. The section grows to fit its content, so avoid 100vh and fixed positioning.

Options that no longer apply disappear rather than sitting there doing nothing: the image settings are hidden on the two text layouts, and the dividing line only appears on Two Text Columns.

Colours and theme

Colours & Theme sets the layout style and the palette: background, primary and secondary colours, chosen freely or from the light and dark theme presets. Swiss Style also suggests the palette it was designed around, offered as a one-click “apply colours”.

Both styles derive the rest from those three colours: every section works out the surface it sits on — its own background, or the page background when it is transparent — and takes its text, secondary copy and dividing lines from it. That is why the page background matters more than any other single choice: pick one that is decisively light or decisively dark, never a mid-grey.

Accents are checked the same way. The highlighted words in the Hero — and, on Elegance, the small title above a heading — are drawn in your brand colour when it reads on the background behind them, a photo included, and otherwise in a lighter or darker shade of it, or in your other brand colour when that reads with less change. A dark primary on a dark Hero, or a pale one on a white page, therefore still reads. In the editor these fields show the colour actually in use, marked Auto, until you pick one of your own; clearing your pick returns to it. Pages generated by the AI go through the same check: a Hero text colour that would not be readable where it lands is replaced by the automatic one.

Images

The AI proposes inspiration images based on your niche, used as visual reference for the page. You can remove the ones that do not fit your business, add your own, or promote one to the hero image. Your own uploads live in the photo gallery.

Undo and structure

Every change can be undone. Edit Structure exposes the page’s full JSON for direct editing, for when the visual editor is not the fastest way.

Page settings

Draft and published

Everything you edit is a draft. The published page does not change until you click Publish Modifications. Discard Modifications throws the draft away and returns the page to its published version.

The header always tells you whether there are changes pending publication.

Sharing a published page

The publish dialog gives you the live URL, a UTM builder that appends tracking parameters to the link, and a QR Code of it (with the FlyB logo in the middle, which Plus and Prime can turn off).

It also offers to add a WhatsApp floating button in one step.

The floating button

A floating image button that follows the visitor as they scroll.

Custom domains

By default pages are served under FlyB’s page host. On paid plans you can point your own domain at FlyB, in either of two modes:

• Subdomain — a CNAME record for something like pages.yourbusiness.com
• Root — your apex domain plus www

Configuration is in Settings → Custom Domain, which validates the DNS records and tells you when the domain is live. Once connected, your pages’ canonical URLs follow your own domain.

You must already own the domain through a registrar.

A/B testing

Duplicate page → Duplicate for A/B test creates a variant that shares the original page’s URL. Visitors are split between the versions, and each visitor always sees the same version on return visits.

Four things to know:

• A variant has no URL of its own. Publishing it does not create an address — it puts it into the rotation behind the original page’s URL.
• Variants are never indexed. Only the original page reaches search engines.
• Each variant counts against your plan’s page limit.
• A/B tests are available on Plus and Prime.

The Analytics explorer reports the test: each version’s split, its conversion rate, the uplift against the original and the statistical confidence. Below a minimum number of visits per version it says so rather than declaring a winner.

Duplicating a page

Complete copies content and settings into a new page with its own slug. Structure only copies the settings and the sections without the generated content.

The photo gallery

Images live in a shared gallery, organised in folders. You can upload, crop to a required aspect ratio, adjust transparency, apply a single colour over the whole image (useful for logos) and reuse an image across every page, blog and e-mail in the organization.

The same folders also hold videos, audio and documents, for sending on WhatsApp. They are stored exactly as uploaded — there is no cropping or resizing to do to a PDF — and a picker only ever shows the kind it asked for, so choosing a hero image never means scrolling past price lists. Videos and audio play inside the gallery so you can confirm the right file before using it, and audio can be recorded there and kept for next time. See WhatsApp Inbox → The library.

Requesting indexing

On paid plans, a published page can be pushed straight to Google’s Indexing API and to IndexNow (Bing, Yandex, Seznam, Naver) instead of waiting to be discovered. Each engine answers separately, and each still decides on its own whether and when to index the page. The same URL can only be resubmitted after a cooling-off period.

You are responsible for what you publish

FlyB hosts your pages; the content is yours. AI-generated copy can be wrong, and it is your job to review it before publishing — particularly claims about prices, results, availability, qualifications or anything regulated in your sector. See Terms of Use → Artificial intelligence features.