CTA Banner

The CTA Banner section asks shoppers to take one clear action. Use it for booking an appointment, visiting a store, contacting support, or opening a special collection.

CTA means call to action.

Add a CTA Banner

  1. Go to Content -> Homepage Configurator -> Sections.
  2. Click Add New Section.
  3. Enter a Title, for example Private Styling Appointment.
  4. Set Section Type to CTA Banner.
  5. Set Enabled to Yes.
  6. Use a Sort Order so it appears in the right place on the homepage.
  7. Fill the CTA Banner Configuration fields.
  8. Click Save.

Main settings

SettingWhat it does
Background ImageUpload a wide image. Recommended size is 1920 x 600 px. Maximum file size is 4 MB.
Overlay ColorColor placed above the image. Example: rgba(0,0,0,0.45).
HeadingMain CTA text.
SubheadingShort text below the heading.
Button LabelButton text, such as Book Appointment.
Button URLLink for the button.
Button StyleChoose Filled or Outline.
Text AlignmentChoose Left, Center, or Right.

Storefront result

CTA banner on the storefront

Good practice

  • Use one action only.
  • Use a darker overlay on bright images.
  • Keep the button label short.
  • Link the button to a real page, not #.