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?

Info

This Article Is For:

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

The Call to Action (CTA) element is a widget designed to capture your visitors' attention and drive engagement. Follow the steps below to configure the CTA element for your SoCast website.

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 its position. Options: No, Top, Bottom, Left, or Right.
  10. Add Icon? Choose whether to add an icon to your CTA and 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. Fill in the pop-up details.
  3. Title: This displays the link text you entered in the pop-up window.
  4. URL: This displays the URL 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 steps, you can create an effective Call to Action element to engage your audience and drive 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 ...

    • How Do I Use the Button Element in SoCast?

      How Do I Use the Button Element in SoCast? Who Is This Article For? All users with access to pages, blogs, contests, or sidebars Applicable to all themes This article provides step-by-step instructions for configuring the Button element in SoCast. ...

    • 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 that you can add to your website to enhance its design and structure. Elements are easy to use and can be dragged and dropped into pages, ...

    • How Do I Use the Separator Element in SoCast?

      How Do I Use the Separator Element in SoCast? This Article Is For: All users with access to pages, blogs, contests, or sidebars Applicable to all themes The Separator element allows you to add a visual divider to your content. Follow these ...

    • How Do I Use the Raw JavaScript Element in SoCast?

      How Do I Use the Raw JavaScript Element in SoCast? This Article Is For: All users who have access to pages, blogs, contests, or sidebars Applicable to all themes The Raw JavaScript element allows you to add custom JavaScript code directly to your ...