There are a few versions CTA's which can be added via Add New Block, and selecting Call To Action in the Categories.

CTA Style 1 Features

Boxed CTA Style with 2 Columns (Left Side: Video/Image, Right side: Title,Content, Button). The adjustable features are the following:

  • Background
  • Title
  • Left/Right Column
  • Content Settings

Background

For background, you can have a Solid Color, or an Image.

Title

Add a Title, and a Sub Title.

Left Column

Left Column can contain an embedded video, or a static image.

Right Column

Right Column Contains a headline, Text, with a Button.

Content Settings

Here you can customize the Content colors such as Title color, or turn on Advanced Button styling, to adjust the colors, and hover colors.

Example:

CTA Style 2 Features

This style has 2 Column Boxed CTA's with Images for each column. You can adjust:

  • Background
  • Title
  • Left/Right Column
  • Content Settings

We will cover the Left/Right Column Settings only, since the rest of the settings are already covered on the start of the article. (CTA Style 1)

Left Column/Right Column

You can add an Image to the top of the CTA, add a Title, Text, and Button.

Example:

CTA Style 3 Features

This style is pretty similar to the CTA Style 1, the key difference is that the left column can only contain a video. The rest of the settings are already highlighted above in the CTA Style 1.

The other difference, in terms of the appearance, is that this style doesn't have a box for the content and the video.

Example:

CTA Style 4 Features

This style has 2 CTA's on top of each other, extending to the full width of the site.

The settings you can adjust are the same for each. Features are the following:

  • Background Image (for each Top CTA and Bottom CTA separately)
  • Background Color
  • Title/Title Color
  • Text/Text Color
  • Button Label(text)/ Button Link

Example:

CTA Style 5 Features

CTA with 2 Columns, with it's unique feature to include icons into it. Features:

  • Background Image
  • Background Color
  • Icon Image
  • Title/Title Color
  • Text/Text Color
  • Button Label(text)/ Button Link

Note: when editing, you need to edit both columns separately.

Here are the options you can customize/setup for each column:

Example:

CTA Style 6 Features

A 2 Column Boxed Style CTA.

  • 1 Main background image that has a parallax effect automatically enabled
  • Background Color (for the box)
  • Icon Image
  • Box Color
  • Title/Title Color
  • Text/Text Color
  • Button Label(text)/ Button Link

This CTA has an additional option to setup one main background which has a parallax effect enabled to include some smoothness while scrolling.

Another difference between the CTA Style 5 and this one is that you can choose a solid color to make a box around the text for each column. The rest of the settings are the same.

Example:

Further Education about the Spark Editor and Spark Pages:

  1. Spark Editor: Getting familiar with the basics
  2. Spark Editor: Blocks - Header
  3. Spark Editor: Blocks - Areas
  4. Spark Editor: Blocks - About
  5. Spark Editor: Blocks - Content
  6. Spark Editor: Blocks - Service
  7. Spark Editor: Blocks - Brag
  8. Spark Editor: Blocks - Testimonials
  9. Spark Editor: Blocks - Blog
  10. Spark Editor: Blocks - Team Members
  11. Spark Editor: Blocks - Forms
  12. Spark Editor: Blocks - Listing
  13. Spark Editor: Layouts
Did this answer your question?