EASWP’s toolbar comes ready to use out of the box, but you can customize its appearance, button selection, and layout to match your site’s design and your users’ needs.
Prerequisites
- EASWP installed and activated
- Administrator access to your WordPress dashboard
Accessing Toolbar Settings
Step 1: Open EASWP Settings
Navigate to Settings → EASWP in your WordPress admin dashboard. The Settings Configurator opens with a live toolbar preview on the right.
Step 2: Choose a Toolbar Style
EASWP includes two toolbar styles:
- Traditional: Classic panel layout with sections and grouped buttons
- Improved: Modern card-based layout with a cleaner visual hierarchy
Select your preferred style from the Toolbar Style dropdown. The live preview updates immediately.
Step 3: Customize Colors
Use the color pickers to set your Primary Color and Coordinate Background. Click the Auto button next to the background picker to automatically generate a complementary dark background from your primary color.
Step 4: Manage Buttons
The Button Manager shows all available toolbar buttons organized into sections. You can:
- Show/hide buttons using the eye icon toggle on each button
- Drag and drop buttons to reorder them within sections
- Move buttons between sections by dragging across section boundaries
Note: Button layout customization is fully interactive in the free version for previewing. Saving custom layouts requires a Pro license.
Step 5: Save Settings
Click Save Settings at the bottom of the page. Changes take effect immediately on your site’s front end.
Templates
EASWP includes three built-in layout templates:
- Default: All buttons visible in standard arrangement
- Minimal: Reduced button set for simpler sites
- Vision Focus: Emphasizes visual accessibility controls
Pro users can save up to 5 custom templates for quick switching between configurations.
Troubleshooting
- Changes not appearing: Clear your browser cache and any site caching plugin. Try viewing the site in an incognito window.
- Live preview not updating: Refresh the settings page. If the issue persists, check for JavaScript errors in your browser’s developer console.
- Colors not matching: Some themes may override EASWP’s color styles. If this happens, you can use the Custom CSS field to add more specific selectors.