Button Element

The Button element lets you create call-to-action (CTA) buttons like “Buy Now”, “View More”, or “Open Link”. You can link these buttons to any page, product, or even an external website.

It’s a key interactive element that drives user actions.

---

Content Tab

✏️ Set Button Details

You can choose between:

• 1 Button – Simple, single action (default)

• 2 Button – Two side-by-side buttons for dual actions (e.g., “Yes” / “No”)

For each button:

• Button Title – The visible text on the button (e.g., “Shop Now”)

• Action URL – Where the user goes when they tap the button (e.g., your website, screen link, or a custom URL)

📝 Make sure your links are valid and start with https:// or twinr:// for app-specific links.

---

Settings Tab

🎨 Customize Look and Layout

Layout

• Button Size: Small, Medium, or Large

• Button Width:

  • Fill: stretches across the screen

  • Fit to text: wraps button tightly around the text

• Alignment:

  • Left, Center, or Right align the button within the screen

Design

Choose from preset styles for button appearance:

• Filled, Outlined, or Link-style buttons

Margin

Add spacing around the button using sliders for:

• Top and Bottom margins (default: 20px)

---

👁️ Visibility Settings

You can control where and to whom the button appears:

• Platform: Android, iOS, or All

• Device: Mobile, Tablet, or All

• User: Guest users, Logged-in users, or All

---

✅ Summary

Tab	What You Can Do
Content	Add button title(s) and destination links
Settings	Style buttons, adjust layout and alignment
Visibility	Choose device, platform, and user-specific display
Preview	Instantly see how it looks inside your app screen