Customization Options

This page explains how to customize the appearance and behavior of the TwoCoin widget to match your website's design and user experience requirements.

Widget Styling

The TwoCoin widget uses a modern dark theme design that works well with most websites. The widget is designed to be responsive and will adapt to different screen sizes automatically.

Default Appearance

The widget features:

  • Dark theme with professional green accents
  • Responsive design that works on desktop and mobile
  • Clean, modern interface with clear call-to-action buttons
  • Consistent typography and spacing

Container Styling

When using iframe integration, you can style the iframe container to better fit your website design:

<style>
  .widget-container {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 500px;
    margin: 0 auto;
  }
  
  .widget-iframe {
    width: 100%;
    height: 800px;
    border: none;
  }
</style>

<div class="widget-container">
  <iframe 
    class="widget-iframe"
    src="https://your-widget-domain.com/widget"
    title="TwoCoin Widget">
  </iframe>
</div>

This approach gives you full control over the widget container's appearance while maintaining the widget's internal styling.

Language Support

The TwoCoin widget is currently available in English. Additional language support is planned for future releases.

Current Language

en - English

Integration Flexibility

The widget is designed to be flexible and adapt to your website's needs:

Responsive Design

The widget automatically adapts to different screen sizes. When using iframe integration, you can control the dimensions:

Fixed width iframe:

width="500px" height="800px"

Responsive iframe:

width="100%" height="800px"

Mobile Optimization

The widget is optimized for mobile devices. Best practices for mobile integration:

  • Use responsive iframe dimensions (width: 100%)
  • Ensure adequate height (minimum 800px recommended)
  • Test on various mobile devices and screen sizes
  • Consider using URL parameters to pre-configure options for mobile users

Next Steps

Support

If you encounter any issues or have questions not addressed in this documentation, please contact our support team on Telegram at https://t.me/cs_2coin (@cs_2coin).