---
title: "Spark Editor: Blocks - Call to Action"
description: "Capture leads with these Call to Action blocks; By selecting 'Add New Block' and expanding the categories, you can view the 'Call to Action' button Boxed CTA Style with 2 Columns (Left Side: Video/Ima"
---

[Skip to content](https://support.agentfire.com/en/articles/2347090-spark-editor-blocks-call-to-action#main-content)

English

Show submenu for translations

[More support](https://support.agentfire.com/en/kb-tickets/new)

![color\_inverted@4x](https://support.agentfire.com/hs-fs/hubfs/color_inverted@4x.png?width=200&height=77&name=color_inverted@4x.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [More support](https://support.agentfire.com/en/kb-tickets/new)

 How can we help?

- There are no suggestions because the search field is empty.

1. [AgentFire Help Desk](https://support.agentfire.com/en)
2. [Spark Editor](https://support.agentfire.com/en/spark-editor)
3. [Spark Editor](https://support.agentfire.com/en/spark-editor#spark-editor)

# Spark Editor: Blocks - Call to Action

Capture leads with these Call to Action blocks;  
By selecting '**Add New Block**' and expanding the categories, you can view the '**Call to Action**' button

[![downloads - 2023-11-30T192435.350](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192435.350.webp?width=688&height=363&name=downloads%20-%202023-11-30T192435.350.webp)](https://downloads.intercomcdn.com/i/o/320731525/8bc70b9c95e6f71aa68bf354/select+cta.png)[![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio7707747724972db7a3083ce1999a0bcfblue-bar.png)](https://downloads.intercomcdn.com/i/o/77077477/24972db7a3083ce1999a0bcf/blue-bar.png?expires=1620313200&signature=2fe5f384bed50f016aecc6bd56208348e48e895b9d761b6d95462a481486539d)

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

![downloads - 2023-11-30T192446.657](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192446.657.webp?width=688&height=363&name=downloads%20-%202023-11-30T192446.657.webp)

### Background

For the background, you can select a **Solid Color** or an **Image**.

![downloads - 2023-11-30T192452.536](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192452.536.webp?width=688&height=363&name=downloads%20-%202023-11-30T192452.536.webp)

### Title

Add a **Title** and a **Sub Title**.

![downloads - 2023-11-30T192459.964](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192459.964.webp?width=688&height=363&name=downloads%20-%202023-11-30T192459.964.webp)

### Left Column

The Left Column can contain an **embedded video** or an **image**.

![downloads - 2023-11-30T192507.943](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192507.943.webp?width=688&height=363&name=downloads%20-%202023-11-30T192507.943.webp)

### Right Column

The Right Column can contain a **Headline**, **Text** and a **Button.**

![downloads - 2023-11-30T192513.756](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192513.756.webp?width=688&height=363&name=downloads%20-%202023-11-30T192513.756.webp)

### Content Settings

With content settings you can change things like, **Title Size**, **Title** **Color**, **Sub Title Color**, and turn on **Advanced Button Styling** to the button color and text color.

![downloads - 2023-11-30T192521.465](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192521.465.webp?width=688&height=363&name=downloads%20-%202023-11-30T192521.465.webp)

*Example:*

![downloads - 2023-11-30T192528.274](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192528.274.webp?width=688&height=236&name=downloads%20-%202023-11-30T192528.274.webp)

### CTA Style 2

[![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio7707747724972db7a3083ce1999a0bcfblue-bar-1.png)](https://downloads.intercomcdn.com/i/o/77077477/24972db7a3083ce1999a0bcf/blue-bar.png?expires=1620313200&signature=2fe5f384bed50f016aecc6bd56208348e48e895b9d761b6d95462a481486539d)

This style has two columns that you can customize with:

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

![downloads - 2023-11-30T192535.395](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192535.395.webp?width=688&height=363&name=downloads%20-%202023-11-30T192535.395.webp)

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

### Left Column/Right Column

The Left/Right Columns can contain an I**mage**, **Title**, **Text** and **Button**.

![downloads - 2023-11-30T192541.771](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192541.771.webp?width=688&height=363&name=downloads%20-%202023-11-30T192541.771.webp)

*Example:*

![downloads - 2023-11-30T192548.667](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192548.667.webp?width=688&height=291&name=downloads%20-%202023-11-30T192548.667.webp)

### CTA Style 3

[![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio7707747724972db7a3083ce1999a0bcfblue-bar-2.png)](https://downloads.intercomcdn.com/i/o/77077477/24972db7a3083ce1999a0bcf/blue-bar.png?expires=1620313200&signature=2fe5f384bed50f016aecc6bd56208348e48e895b9d761b6d95462a481486539d)

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.

[![downloads - 2023-11-30T192554.897](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192554.897.webp?width=688&height=363&name=downloads%20-%202023-11-30T192554.897.webp)](https://downloads.intercomcdn.com/i/o/320757465/f3ace42ac632df56577d1e7a/cta+3+settings.png)

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

*Example:*

![downloads - 2023-11-30T192600.094](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192600.094.webp?width=688&height=246&name=downloads%20-%202023-11-30T192600.094.webp)

### CTA Style 4

[![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio7707747724972db7a3083ce1999a0bcfblue-bar-3.png)](https://downloads.intercomcdn.com/i/o/77077477/24972db7a3083ce1999a0bcf/blue-bar.png?expires=1620313200&signature=2fe5f384bed50f016aecc6bd56208348e48e895b9d761b6d95462a481486539d)

CTA with two columns and a unique feature to **include icons**.

- 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.*

![downloads - 2023-11-30T192608.894](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192608.894.webp?width=688&height=363&name=downloads%20-%202023-11-30T192608.894.webp)

Here are some options you can customize for each column:

![downloads - 2023-11-30T192615.492](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192615.492.webp?width=688&height=363&name=downloads%20-%202023-11-30T192615.492.webp)

*Example:*

![downloads - 2023-11-30T192632.829](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192632.829.webp?width=688&height=233&name=downloads%20-%202023-11-30T192632.829.webp)

### CTA Style 5

[![](https://support.agentfire.com/hubfs/Knowledge%20Base%20Import/downloads.intercomcdn.comio7707747724972db7a3083ce1999a0bcfblue-bar-4.png)](https://downloads.intercomcdn.com/i/o/77077477/24972db7a3083ce1999a0bcf/blue-bar.png?expires=1620313200&signature=2fe5f384bed50f016aecc6bd56208348e48e895b9d761b6d95462a481486539d)

A two column boxed style CTA.

- The 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

![downloads - 2023-11-30T192639.845](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192639.845.webp?width=688&height=363&name=downloads%20-%202023-11-30T192639.845.webp)

Another difference between the **CTA Style 4** 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.

![downloads - 2023-11-30T192646.086](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192646.086.webp?width=688&height=363&name=downloads%20-%202023-11-30T192646.086.webp)

*Example:*

![downloads - 2023-11-30T192652.510](https://support.agentfire.com/hs-fs/hubfs/downloads%20-%202023-11-30T192652.510.webp?width=688&height=297&name=downloads%20-%202023-11-30T192652.510.webp)

#### Further Education about the Spark Editor and Spark Pages:

1. [Spark Editor: Getting familiar with the Basics](https://support.agentfire.com/en/articles/2318471-spark-editor-getting-familiar-with-the-basics)
2. [Spark Editor: Blocks - Areas](https://support.agentfire.com/en/articles/2346845-spark-editor-blocks-areas)
3. [Spark Editor: Blocks - About](https://support.agentfire.com/en/articles/2347011-spark-editor-blocks-about)
4. [Spark Editor: Blocks - Call To Action](https://support.agentfire.com/en/articles/2347090-spark-editor-blocks-call-to-action)
5. [Spark Editor: Blocks - Content](https://support.agentfire.com/en/articles/2371992-spark-editor-blocks-content)
6. [Spark Editor: Blocks - Service](https://support.agentfire.com/en/articles/2747928-spark-editor-blocks-service)
7. [Spark Editor: Blocks - Testimonials](https://support.agentfire.com/en/articles/2350021-spark-editor-blocks-testimonials)
8. [Spark Editor: Blocks - Blog](https://support.agentfire.com/en/articles/2353357-spark-editor-blocks-blog)
9. [Spark Editor: Blocks - Team Members](https://support.agentfire.com/en/articles/2371859-spark-editor-blocks-team-members)
10. [Spark Editor: Blocks - Forms](https://support.agentfire.com/en/articles/2368108-spark-editor-blocks-forms)
11. [Spark Editor: Blocks - Listing](https://support.agentfire.com/en/articles/2371638-spark-editor-blocks-listing)
12. [Spark Editor: Blocks - Instafeed](https://support.agentfire.com/en/articles/2832179-spark-editor-blocks-instafeed)

- [Site Tools](https://support.agentfire.com/en/site-tools#main-content)

    - [Area Guides](https://support.agentfire.com/en/site-tools#area-guides)
    - [Engage](https://support.agentfire.com/en/site-tools#engage)
    - [Guide Creator](https://support.agentfire.com/en/site-tools#guide-creator)
    - [Lead pages](https://support.agentfire.com/en/site-tools#lead-pages)
    - [Reviews](https://support.agentfire.com/en/site-tools#reviews)
    - [Team Members](https://support.agentfire.com/en/site-tools#team-members)
    - [Listings Hub (Formerly My Listings)](https://support.agentfire.com/en/site-tools#listings-hub-formerly-my-listings)
    - [Search pages](https://support.agentfire.com/en/site-tools#search-pages)
    - [Spark AI](https://support.agentfire.com/en/site-tools#spark-ai)
    - [QR Codes](https://support.agentfire.com/en/site-tools#qr-codes)
- [Spark Editor](https://support.agentfire.com/en/spark-editor#main-content)

    - [Spark Editor](https://support.agentfire.com/en/spark-editor#spark-editor)
    - [Lead Forms](https://support.agentfire.com/en/spark-editor#lead-forms)
    - [Menus](https://support.agentfire.com/en/spark-editor#menus)
    - [Redirects and Domain Masking](https://support.agentfire.com/en/spark-editor#redirects-and-domain-masking)
    - [Blogging](https://support.agentfire.com/en/spark-editor#blogging)
- [AgentFire IDX](https://support.agentfire.com/en/agentfire-idx#main-content)

    - [Property Alerts and Saved Searches](https://support.agentfire.com/en/agentfire-idx#property-alerts-and-saved-searches)
    - [Listing alerts](https://support.agentfire.com/en/agentfire-idx#listing-alerts)
    - [IDX Questions](https://support.agentfire.com/en/agentfire-idx#idx-questions)
    - [IDX Tools](https://support.agentfire.com/en/agentfire-idx#idx-tools)
- [Coaching and Success](https://support.agentfire.com/en/coaching-and-success#main-content)

    - [Monthly Success Checklist](https://support.agentfire.com/en/coaching-and-success#monthly-success-checklist)
    - [Tips & Tricks](https://support.agentfire.com/en/coaching-and-success#tips-tricks)
    - [Dashboard Deep Dive Webinars](https://support.agentfire.com/en/coaching-and-success#dashboard-deep-dive-webinars)
- [Launch](https://support.agentfire.com/en/launch#main-content)

    - [Email Routing](https://support.agentfire.com/en/launch#email-routing)
    - [Redirects and DNS Management](https://support.agentfire.com/en/launch#redirects-and-dns-management)
    - [Nameservers and Access](https://support.agentfire.com/en/launch#nameservers-and-access)
    - [Google Services](https://support.agentfire.com/en/launch#google-services)
- [Add-Ons](https://support.agentfire.com/en/add-ons#main-content)

    - [Team Link](https://support.agentfire.com/en/add-ons#team-link)
    - [ADA Protect](https://support.agentfire.com/en/add-ons#ada-protect)
    - [Home Values](https://support.agentfire.com/en/add-ons#home-values)
    - [Neighborhood Quiz](https://support.agentfire.com/en/add-ons#neighborhood-quiz)
    - [Local SEO Setup](https://support.agentfire.com/en/add-ons#local-seo-setup)
- [Integrations](https://support.agentfire.com/en/integrations#main-content)

    - [Instafeed](https://support.agentfire.com/en/integrations#instafeed)
    - [Zapier](https://support.agentfire.com/en/integrations#zapier)
    - [Facebook](https://support.agentfire.com/en/integrations#facebook)
    - [LionDesk](https://support.agentfire.com/en/integrations#liondesk)
    - [IDX](https://support.agentfire.com/en/integrations#idx)
    - [Lead Manager](https://support.agentfire.com/en/integrations#lead-manager)
    - [Intercom Chat](https://support.agentfire.com/en/integrations#intercom-chat)
    - [Ruuster](https://support.agentfire.com/en/integrations#ruuster)
    - [Follow Up Boss](https://support.agentfire.com/en/integrations#follow-up-boss)
- [FAQs and General](https://support.agentfire.com/en/faqs-and-general#main-content)

    - [Common Questions](https://support.agentfire.com/en/faqs-and-general#common-questions)
    - [Google Analytics](https://support.agentfire.com/en/faqs-and-general#google-analytics)
    - [IDX](https://support.agentfire.com/en/faqs-and-general#idx)
    - [General](https://support.agentfire.com/en/faqs-and-general#general)
- [Posts Launch Training](https://support.agentfire.com/en/posts-launch-training)
- [Google Search Console](https://support.agentfire.com/en/google-search-console#main-content)

    - [Google Search Console](https://support.agentfire.com/en/google-search-console#google-search-console)
- [Partner Program](https://support.agentfire.com/en/partner-program)
- [AgentFire Go](https://support.agentfire.com/en/agentfire-go)

[![Chill listening crop-3](https://support.agentfire.com/hs-fs/hubfs/AF%20Logo.png?width=96&height=24&name=AF%20Logo.png "Chill listening crop-3")](https://support.agentfire.com/)

Copyright © 2026, Dark Galaxy Limited DBA AgentFire.com