Introduction

• Web builder Natively lacks an option to embed custom JavaScript in buttons.
• We developed this customizable widget to address that need.

Key Features

• Unmatched JavaScript Control

  • 🛠️ Add custom JavaScript functions.
  • 🔄 Trigger dynamic actions (e.g., alerts, API calls).
  • 🤝 Integrate third-party tools for enhanced user interaction.

• Preset Button Options

  • 🎨 Choose from built-in buttons:
    • Login, Signup, Explore, Contact Us, Settings, Email, LinkedIn, GitHub, Facebook, Instagram, Twitter, and more.
  • ✨ Option to create fully custom buttons.

• Button Variants & Styles

  • 🎭 Select from multiple styles:
    • Primary, secondary, ghost, danger, success, warning, info, dark, light, etc.

• Size & Shape Customization

  • 📏 Choose button sizes from tiny to full-width.
  • 🔷 Customize shapes: square, round, pill, circle, rectangle, etc.

• Full Border Control

  • 🎨 Adjust border width, color, and style to match your design.

• Font & Content Styling

  • 🖋️ Set font size, weight, and family for branding.
  • ✍️ Customize button text and link destinations.

• Icons & Shadow Effects

  • 🔗 Add SVG icons with adjustable size and position.
  • 🌑 Enhance buttons with shadow effects (small, medium, large, hover).

• Advanced Customization

  • 🎨 Set custom colors for fonts, hover states, backgrounds, etc.
  • ⚙️ Enable cursor interaction effects.
  • 📜 Add custom scripts (e.g., alert messages or JavaScript functions).

Preferred Use Cases

• ⭐ Creating interactive, dynamic buttons with custom JavaScript.
• 🌟 Designing high-converting CTA buttons.
• 🎉 Custom-styled social media buttons.
• 🔗 Adding interactive elements using JavaScript.
• 🎨 Aligning buttons perfectly with your brand.

Conclusion

• With the Custom Button Widget, transform your buttons into integral parts of a seamless web experience.
• Ready to build smarter buttons? Get started today! 🚀