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.