Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 21 Next »

This page explains the steps needed to demo the GoMeddo Widget. If you have any questions or remarks, feel free to reach out to presales@gomeddo.com!

1. Install GoMeddo

Start with installing GoMeddo and doing the clean install configuration.

You can also verify if GoMeddo is already installed:

  1. Go to Setup

  2. Go to Installed Packages

  3. Search for GoMeddo

2. Install the Widget

Next, install and configure the widget as explained here.

  1. Mention how to install the latest version of GoMeddo and refer to the Documentation

    1. https://documentation.gomeddo.com/gmd/install-the-latest-version

  1. Essential setup steps in the Widget setup UI

    1. Login to the widget settings page: https://welcome.booker25.com/configure/

    2. In the menu, go to Resource Settings, where you can select the Resource Type that you would like to reserve


    3. Disable the ‘Use reservation contacts’ checkbox


    4. In the menu, go to Styling Settings, where you can set up Colours (with using the hex code of the chosen colour) and Logos (with using the image URL)


    5. In the menu, go to Translation Settings - here you have to select one translation. Otherwise an error occurs in the widget (for default, select English)


    6. Under the translation settings section, you can find further options for text setup (texts that you can see within the widget (eg.: support email address). In this section you can easily search with CMD+f or CTRL+f after looking at the widget and finding a text that you want to change

  1. Create website using Glitch

    1. Go to https://glitch.com/

    2. Create an account and create a new project


    3. Select the glitch-hello-website option

    4. You will need a long website screenshot (to serve as the example website) which you upload in the assets folder of glitch, and subsequently use its URL in the html code of the website (insert it in the highlighted area below)


    5. You can use the following code for the website

      1. HTML: https://pastebin.com/ZQZFyCrr

      2. CSS: https://pastebin.com/t664cP1D


    6. From the widget settings menu, go to Widget Code Settings and copy the ‘code snippet’ from the widget setup UI into the HTML script as also seen in the HTML script above. https://documentation.gomeddo.com/widg/how-to-use-the-booker25-widget-on-your-website


  2. Go go to the ready widget page and see how all the settings come to life 

    1. See the Resources with their corresponding descriptions and pictures

    2. Test how the ‘date picker’ generates available time slots from the calendar (it looks at the lightning calendar in salesforce and checks availability of the resources based on the settings in the previous step)

    3. Check styling - Logo, colours and texts within the widget

    4. Make a reservation to test if there are any setup errors

  3. Check the results in Salesforce (in the Lightning Calendar)

    1. Switch tabs back to your Salesforce environment

    2. Go to your Lightning Calendar and check the new reservation that appeared in the system as the result of the widget

  • No labels