Show Options

Call To Action:

A call to action (CTA) is a prompt on a website that tells the user to take some specified action. A call to action is typically written as a command or action phrase, such as ‘Sign Up’ or ‘Buy Now’ and generally takes the form of a button or hyperlink. In digital marketing this can take the form of the text on a button (a CTA button) or a web link and in email campaigns CTAs are often links to a web page where the user can take further action.


Call to Action:

  • This is the default alignment for the call to action.

Output:

Call To Action

You can fill this banner up with whatever you want. These three sections and their buttons serve as a perfect call to action to navigate your users around the site.
Contribute

Collect Emails

Campaign makes it easy to capture the names and emails of your constituents. You can easily put in code from your list manager to sign up users in a jiffy.
get in touch

Create Events

Campaign is also styled for events. List your upcoming events in the sidebar of each page and link each and every one to their very own events page template.
Sign Me Up

Code:


<div class="darkout-section">
{% include do-call-to-action.html tag="home" %}
</div>


How to add content:

  • Step1: Navigate to the data file for call to action in _data > do-call-to-action.yml
  • Step2: Add content to the data file as shown in the below example.
- title: Call To Action
  content: You can fill this banner up with whatever you want. These three sections and their buttons serve as a perfect call to action to navigate your users around the site.
  link-name: Contribute
  link: \#
  tag: home
  • Step3: In the data file tag is a mandatory value. Without using tag call to action will not be displayed.

How to add in page:

  • Step1: Add call to action to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-call-to-action.html tag="home" %}</div>

  • Attributes:
    • Tag:
      • Tag is a mandatory attribute without using tag Call to action will not be displayed. (Mandatory)
    • Class:
      • Use additional class here as include variable.