SEA Commerce
SEA Accessibility ADA WCAG
SEA Accessibility ADA WCAG
  • 🚀GETTING STARTED
    • Welcome to SEA Accessibility ADA WCAG
    • Understanding Accessibility Regulations
    • Accessibility policy: What you must know before 28 June 2025
    • Dashboard
  • 🧩MENU SETTINGS
    • Menu Settings
  • 🖌️WIDGET SETTINGS
    • Widget Settings
  • 🔑WIDGET DISPLAY
    • How does Accessibility function on your store?
Powered by GitBook
On this page
  • Step 1: Access Widget Settings
  • Step 2: Make Adjustments
  1. WIDGET SETTINGS

Widget Settings

This guide walks you through personalizing your widget's appearance and functionality.

PreviousMenu SettingsNextHow does Accessibility function on your store?

Last updated 5 months ago

Welcome to the widget customization guide!

Ready to make your accessibility widget look great and work even better?

We'll walk you through all the options to create a widget that not only matches your brand perfectly but also makes shopping easier for all your customers. Let's get started!

Step 1: Access Widget Settings

  • Open your admin Dashboard

  • Go to Widget Settings screen

Step 2: Make Adjustments

  • Browse through available settings

  • Edit any features you'd like to customize

  • Preview changes in real-time

  • Click Save to keep customizations

It's that simple! Let's dive into the specific settings you can adjust

Branding Settings

  1. Use Preset Themes

  • Navigate to the Preset tab in the Branding card

  • Choose from pre-configured color schemes and styles

  • Find a design that complements your store's theme and Save your change

  1. Custom Color Settings

  • Go to the Custom tab in the Branding card

  • Customize specific color codes to match your brand

  • Press Save to apply the new color scheme

Widget Title

  • Enter your preferred text for your widget header

Widget Style

  1. Alignment

  • Choose between Left or Right alignment

  1. Mobile widget ratio

  • Adjust Mobile widget ratio: Select from

    • Full-screen

    • 90% width

    • 80% width

Widget Button Style

Fine-tune your widget button for better user interaction:

  1. Button Position: Choose from

  • Top

  • Middle

  • Bottom

  1. Button Icon: Select from available icon options

  2. Button Size: Pick from

  • Small

  • Medium

  • Large

Advanced Settings

  1. Language Settings

  • Customize your widget's language settings for a global audience

  • Widget content automatically translates to the selected language

  1. Language Detection

Two options available:

  • Browser's language: Automatically match user's browser language

  • Customer's IP: Adapt based on user's location

Great job! You've learned how to make your accessibility widget both beautiful and functional. Need any help? Our support team is always here to assist you in creating the best possible experience for your customers! 🌟

🖌️