• Before purchasing:
    Please review the product description and compatibility requirements before placing your order. Contact us with any questions to confirm the product meets your needs. Refunds are not available once the product has been downloaded. By purchasing, you agree to our License Agreement.
  • Save More with Paid Membership

    Access over 150 add-ons from Basic and Premium pack for less than buying them individually.

    See membership levels
[XB] Page Builder: Visual Constructor for Custom & Landing Page

[XB] Page Builder: Visual Constructor for Custom & Landing Page 1.0.1 1

You must log in or register to purchase ($55.00)
Version: Current
Block reference

Use Call to action for a page introduction, campaign message or prominent link to another part of your community.

Configure​


  1. Choose Add block > Call to action.
  2. Enter the required title and optional accent text.
  3. Add supporting text, separating paragraphs with a blank line.
  4. Choose Hero or Section heading size and an H1, H2 or H3 heading level.
  5. Configure up to three buttons, including destination, style and optional icon.
  6. Enter each button label in the language content fields and save.

Settings​


SettingEffect
Accent textA short introductory line
TitleMain heading
TextPlain-text supporting paragraphs
Hero / SectionVisual heading size
Heading levelSemantic heading element
ButtonsUp to three actions with shared destinations and translated labels

Heading size and heading level are separate choices. Use an appropriate heading hierarchy when the page already displays its title.

block-cta-editor.webp


Configure CTA wording, heading size and action buttons.

block-cta-editor-options.webp


Additional presentation and behavior settings.

Translations and responsive behavior​


Translate the title, accent, text and button labels. URLs remain shared across languages. Text fields do not provide the rich editor or attachment uploads.

Start with an 8/12 desktop column beside a 4/12 Image or Illustration column, with both 12/12 on narrow screens. Check long translated button labels.

Example​


Use Join the conversation with Create an account and Read our guide buttons. Set destinations to your actual registration and guide URLs.

block-cta-result.webp


A CTA directs visitors to the next useful action.

block-cta-result-mobile.webp


The same content at a phone viewport width of 390 pixels.
Was this document helpful?
Back
Top