Below is a short guide on customizing the Marker.io widget for your website. Whether you're looking to change colors, tweak the text, or add your logo, we’ll walk you through the steps. The aim is to make this as easy as possible.
Why Customize Your Widget?
Customizing your Marker.io widget allows you to match it with your website’s look and feel. This helps in creating a consistent experience for your visitors and makes it easier for them to report issues directly from your site.
Steps to Customize Your Widget
1. Access the Widget Settings
Log into your Marker.io account.
Select your project.
Go to the "Widget" tab.
Click on "Button."
2. Modify the Widget
Here’s how to make the widget your own:
Change the Color: Pick a color that complements your website.
Edit the Text: Customize the text to make it more engaging.
Adjust the Position: Move the widget to the best spot on your webpage.
Remember: After making changes, click Save to apply them!
Tip: Your changes will update in real-time on your website, so you can always come back and tweak things as you see fit.
3. Use a Custom Button or Link
Want to activate the widget using your own button or link? Here’s how:
Hide the Default Button: In the widget settings, switch the button visibility to hidden.
Control with JavaScript API: Your developers can then manage the widget’s appearance and behavior using our JavaScript API. For more detailed guidance, explore our developer documentation and Web SDK.
4. Add Your Branding
Make your widget stand out with your brand identity:
Remove "Powered by Marker.io": Use our custom branding feature to remove our branding information.
Upload Your Logo: Add your company logo to personalize the widget further.
For more info on branding settings, check out the guide: Custom Branding Settings.
Summary of Customization Options
Feature | How to Customize |
Color | Select a color that matches your website theme. |
Text | Edit the text to make the widget engaging. |
Position | Move the widget for the best visibility. |
Custom Button/Link | Use your own button by hiding the default one. |
Remove Branding | Take off "Powered by Marker.io". |
Add Your Logo | Upload your logo for a personalized touch. |
Need Help?
If you have any questions, comments, or corrections, chat with us at the bottom right of our web pages.