How Do I Use the Call to Action Element in SoCast?

How Do I Use the Call to Action Element in SoCast?

How Do I Use the Call to Action Element in SoCast?

Who Is This For?

  • All users with access to pages, blogs, contests, and sidebars
  • Applicable to all themes

Overview

The Call to Action (CTA) element is a widget designed to capture your visitors’ attention and drive engagement. Add the CTA element to a page, blog post, contest, or sidebar, then configure the settings below.

General Settings

  1. Heading: Enter the main headline text for your CTA.
  2. Subheading: Enter the supporting subheading text.
  3. Text Alignment: Choose how the text is aligned within the CTA block. Options: Left, Right, Center, or Justify.
  4. Shape: Select the shape of the CTA. Options: Square, Rounded, or Round.
  5. Style: Choose the display style for your CTA. Options: Classic, Flat, Outline, 3D, or Custom.
  6. Color: Select a color scheme using the drop-down menu.
  7. Text: Enter your promotional text in the text box. You can also add media.
  8. Width: Set the width of the CTA as a percentage (50%–100%).
  9. Add Button? Choose whether to add a button to your CTA and select its position. Options: No, Top, Bottom, Left, or Right.
  10. Add Icon? Choose whether to add an icon to your CTA and select its position. Options: No, Top, Bottom, Left, or Right.
  11. Element ID: Enter a unique and valid element ID according to W3C specifications.
  12. Extra Class Name: Add a custom class name if you want to style this element differently using custom CSS.

Call to Action Example

Button Settings

  1. Text: Enter the text that will appear on your button.
  2. Select URL: Click Select URL to link your button to a web address, then complete the pop-up fields.
  3. Title: Displays the link text you entered in the pop-up window.
  4. URL: Displays the web address the button will link to.
  5. Style: Choose the button’s display style. Options: Modern, Classic, Flat, Outline, 3D, Custom, Outline Custom, Gradient, or Gradient Custom.
  6. Shape: Select the button shape. Options: Rounded, Square, or Round.
  7. Color: Select the button color using the drop-down menu.
  8. Size: Choose the button size. Options: Mini, Small, Normal, or Large.
  9. Alignment: Set the button alignment. Options: Inline, Right, Left, or Center.
  10. Add Icon: Add an icon to your button if desired.
  11. Element ID: Enter a unique and valid element ID according to W3C specifications.
  12. Extra Class Name: Add a custom class name for additional CSS styling.
  13. Advanced On Click Action: Insert inline JavaScript for advanced on-click actions.

Button Settings Example

By following these settings, you can create an effective Call to Action element that engages your audience and drives results on your SoCast-powered website.

    • Related Articles

    • How Do I Use the Hover Box Element in SoCast?

      How Do I Use the Hover Box Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, and sidebars Applicable to all themes Important Notes Do not place critical information in the Hover Box element, as hover states ...

    • What Are Elements in SoCast and How Can I Use Them on My Website?

      What Are Elements in SoCast and How Can I Use Them on My Website? An Element is a small, functional block you can add to your website to enhance its design and structure. Elements are easy to use and can be dragged and dropped into your pages, ...

    • What Content Can and Cannot Be Syndicated with RSS Subscription in SoCast?

      What Content Can and Cannot Be Syndicated with RSS Subscription in SoCast? Use this guide to see which widgets and page elements are included when you syndicate blog content via RSS. This list will be updated as new features are released. Widgets and ...

    • How Do I Add a Clickable PDF Link to a Page in SoCast?

      How Do I Add a Clickable PDF Link to a Page in SoCast? Who Is This Article For? All users with access to Pages Applicable to all themes Follow these instructions to add a clickable PDF link to a page, blog post, or other content area in SoCast. ...

    • How Do I Use The Button Element In SoCast?

      How Do I Use the Button Element in SoCast? This article provides step-by-step instructions for configuring the Button element in SoCast. Use these settings to customize buttons for your website, blog, contest, or sidebar. Who Is This Article For? All ...