How To Embed MMIO Webchat Widget
Step 1: Navigate to the Web Chat Widget settings
Start by going to https://dash.marketingmaster.io/web-chat-widget/accounts/write
in your web browser. This will bring you to the page where you can manage your Web Chat Widget.
Step 2: Copy the Widget Script
Find the provided widget script, which is a block of code that you'll embed in your website. Copy this entire block of code to your clipboard.
Step 3: Save the Widget Settings
Before leaving this page, make sure to click on the Save Webchat Widget
button. This will ensure any changes you made to the widget's settings are stored.
Step 4: Navigate to the Email Marketing section
On the main dashboard, click on Email Marketing
. This option might be used if you want to include the chatbot widget in a marketing email.
Step 5: Access the Landing Pages section
In the Email Marketing menu, click on Landing Pages
. This will take you to the page where you create and manage landing pages for your marketing campaigns.
Step 6: Create a New Landing Page
Once on the Landing Pages section, click on Create
to begin creating a new landing page.
Step 7: Embed the Widget
In your new landing page, navigate to the Settings
option. Look for a Text Area
to paste your previously copied widget script.
Step 8: Confirm the Code Paste
After pasting the script into the text area, click on OK
to confirm.
Step 9: Save Your Work
Once you have pasted the script, remember to click on Save
to preserve your work.
Step 10: Confirm Saving
The system might double-check with you regarding saving the changes. If prompted, click on Save Anyway
to confirm.
Step 11: Final Confirmation
A confirmation message might pop up to finalize the changes. If it does, click on OK
.
Step 12: Manage Widget Visibility
Depending on your preferences, you can manage where the chatbot widget appears. Click on Visibility
to set these parameters.
Step 13: Preview the Widget
To preview your widget, navigate to
https://mmio-store.b-cdn.net/landing_pages/o0lYh8bL984SeDxL.html
and click onMMIO Demo Widget
.
Step 14: Highlight the Widget
To ensure that the widget is working correctly, click on Highlight
. The widget should stand out on the page, confirming it's successfully embedded.
Remember, the specific process may vary slightly depending your website, but these instructions should give you a good idea of the overall process.