How Do I Use The Button Element 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 users with access to pages, blogs, contests, or sidebars
  • Applicable to all themes

Step-by-Step Guide

  1. Text: Enter the text you want displayed on your button.
  2. Style: Select a button design style. Options include: Modern, Classic, Flat, Outline, 3D, Custom, Outline Custom, Gradient, and Gradient Custom.
  3. Shape: Choose the button shape: Square, Rounded, or Round.
  4. Color: Select a color scheme from the drop-down menu.
  5. Size: Choose the button size: Mini, Small, Normal, or Large.
  6. Alignment: Set the button alignment: Inline, Left, Right, or Center.
  7. Add Icon: Select Yes if you want to add an icon to your button.
  8. Icon Alignment: Choose the icon alignment: Left or Right.
  9. Icon Library: Select the icon set (similar to choosing a style of emoji).
  10. Icon: The available icon options will depend on the icon set you selected.
  11. Element ID: Enter a unique and valid element ID according to HTML specifications.
  12. Extra Class Name: Add a custom class name if you wish to style this button differently using your CSS file.
  13. Advanced On Click Action: Select Yes if you want to insert an inline JavaScript action for the button's click event.

Button Element Example

By following these steps, you can easily customize and add buttons to your SoCast content, helping you engage your audience and drive action on your digital platforms.