This walkthrough will guide you in embedding your Revisual calendar or event alerts widget on your WIX website.
Sometimes, new embeds do not show up in on builder pages until published. We suggest using a test page or private mode to set things up. Once things are set as you want them, you can update the actual page or make your private page public.
Part I: Make sure you have a widget to embed
You will need a Revisual widget (Calendar or Event Alert). If you have not already created one, please do that before continuing this process: https://help.revisual.io/en/articles/9046289-revisual-io-creating-your-first-calendar-or-event-alert
Part II: Make sure you have a website to display it on
Did you tell Revisual about your website(s)? If not, please do that now: https://help.revisual.io/en/articles/9046252-revisual-io-managing-your-websites
Part III: Embed your widget
After you log in to Revisual...
Step 1: If you do not see the dropdown menu under Widgets, click on Widgets to open the menu.
Step 2: Click on Calendars or Event Alerts.
Your dashboard will open.
Step 3: Inside your chosen category, open the item you wish to work with.
Step 4: Make sure your item is published. If not, please do that now: https://help.revisual.io/en/articles/11208113-revisual-io-install-overview
Step 5: Click the purple Install button.
You will see the following display:
CALENDARS
[OR]
EVENT ALERTS
Step 6: Click on the WIX button.
Step 7: Then click the blue Next button. You will see the following display:
CALENDARS
[OR]
EVENT ALERTS
Installing Revisual on WIX (Calendars and Event Alerts)
This part applies both to calendars and event alerts.
Step 1: In your WIX dashboard, click on Settings (turquoise arrow in image below).
Step 2: Within the Settings menu, scroll down to the Advanced section and click on Custom Code (turquoise box in image below).
The Custom Code page will open.
Step 3: In the Head section, click on Add Code (gold oval in image below).
The Add Code box will open.
Step 4: Copy the Revisual code snippet ...
...make sure you are in the Code Settings tab
...and paste it in the top section of the Code Settings tab (gold box in image below).
Step 5: Give this code a memorable name (pink box in image above).
Step 6: In the Code Type tab, mark this code as Essential.
You may tailor the remaining settings, however, default options are fine enough.
Step 7: Click Apply to confirm your action.
REMEMBER! You only have to do the above part once, regardless of the number of widgets you embed. In other words...
if you embed more than one calendar in this same website, you do not need to repeat this operation.
once you have installed the script, all event alerts will be displayed on your website.
IF YOU HAVE DONE THIS FOR AN EVENT ALERT: You are finished.
IF YOU HAVE DONE THIS FOR A CALENDAR: Continue below.
CONTINUE THE INSTALLATION OF YOUR CALENDAR
Step 1: Return to your WIX dashboard page.
Step 2: Click on Edit Site (turquoise box in image below).
You are now in your Wix website.
Step 3: In the Site Menu, click on the page in which you wish to embed your Revisual view. We are choosing the Events page. (see image above)
Step 4: Once you are on your chosen website page, click on Add Elements (+ icon, gold box in image below).
Step 5: From the Add Elements menu, click on Embed Code (turquoise blue box in image below) and then click on Embed HTML (pink box in image below).
Step 6: You may wish to adjust the element size, so it fits nicely on your page.
Step 7: Now we need to add some more HTML code in the Add your code here box.
So, return to Revisual, and copy the snippet in #5.
Step 8: Paste the code into the Add your code here (HTTPS only) box.
Step 9: Click on Update to confirm your action.
Your Revisual calendar widget is now displaying.
NOTE: If the preview shows that the widget view IS NOT displaying, contact us for support via our website chat.
Step 10: Publish your changes.
Repeat this section to embed other Revisual widgets on the same webpage or other pages on your website.