Help visitors connect with your business by adding contact, location, and scheduling tools. Use these widgets to share your contact information, display maps, or allow visitors to book services directly from your site.

Click to call

The Click to Call widget triggers a call to the number in the phone number field when pressed. The Click to Call button is supported on mobile only, as desktops and tablets can't handle phone calls.

Content editor Design editor

Click the widget and select the Content tab.

  1. Enter the phone number in the field. 
    • Enter a phone number in the field provided. Use a + symbol before the country code for international numbers. 
    • Extensions can't be dialed automatically.
  2. Enter the text to display on the button.

Back to the top

Map

Use the Map widget to show visitors your business location, event venue, or parking areas.

Content editor Design editor

Click the widget and select the Content tab.

  1. Enter your business address in the field provided. 

    Alternatively, select one of your saved addresses from the dropdown menu. If it doesn't appear, contact HERE Map Creator to update their database.

  2. Choose to display a map button on specific devices using the "Use button on"   icons.
  3. Enter the text that you want to appear on the button in the "Text on button" field provided.
  4. To display a location information popup on the map widget :
    1. Under "Location info popup", enter a title and description for the popup.
    2. Select to display the popup On hover, On click, or Always from the popup display dropdown.
Set Google Maps as default provider

Mapbox is the default map provider, but you can switch to Google Maps for all sites in your account. Guesty saves all Mapbox location data and applies it to Google Maps automatically. You can disable Google Maps and switch back to Mapbox at any time. 

To set Google Maps as your default map provider:

  1. Generate an API key in your Google Maps account.
  2. Click your avatar in the top-right corner of the integration page and select Account.
  3. Scroll to "Google Map Integration" and click Set Up.
  4. Paste your API key and click Apply to All Sites.
Embed a Google map using an HTML widget

To embed maps from Google Maps using the HTML widget:

  1. Navigate to Google Maps.
  2. Search for the location you want.
  3. Click the menu on the top left and click Share or embed map.
  4. Click the Embed map tab.
  5. Copy the URL in the quotes after <iframe src =". Make sure to copy the complete URL nested in the quotation marks.

  6. Navigate to your site. 
  7. Click Widgets in the left panel and drag the HTML widget into a row or column.
  8. Use the following embed code and add the URL you obtained from Google Maps in the quotations after <iframe src =":

    <div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div>

  9. Go into Developer Mode.
  10. Click Site HTML/CSS, and then click site.css.
  11. Embed the following CSS into this section:

    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    The map resizes according to the screen resolution. If you use the normal Google Maps embed code, the size of the map widget will appear static on all devices and cut off in the mobile view.

Back to the top

OpenTable

Add an OpenTable reservation button to allow visitors to book tables directly from your site.

Content editor Design editor

Click the widget and select the Content tab.

  1. Enter the "Text on button" in the field provided.
  2. Select your region from the dropdown menu and enter your OpenTable Restaurant ID.
  3. Click + Add location to include multiple restaurants.

Back to the top

Click to email

The Email widget prompts visitors to send an email to your configured email address. Use this on your home or contact pages to speed up communication.

Note:

  • Some devices may not support automatic emailing.
  • Consider also displaying your email address so that users who can't send an email automatically through their device can send an email manually.

Content editor Design editor

Click the widget and select the Content tab.

  1. Enter your email address in the field. Alternatively, select an email address previously entered from the dropdown menu.
  2. Type the text to display on the button.

Back to the top

Contact form

Use the Contact Form widget to gather guest feedback, questions, or newsletter sign-ups. You can customize fields for text, dropdown menus, checkboxes, and file attachments to meet your business needs.

Content editor Design editor

Click the widget and select the Content tab.Under "Form Items", manage your fields:

On the Form Items tab, manage your fields:

  1. Click the name of the field to modify existing information. 
  2. Enter the information you want to collect from your visitors. 

    Note:

    • If your form includes a file attachment "Field type":
      • The file name mustn't include a space when uploaded
      • The file size limit for attachments is 10MB
      • Submitted file attachments expire after 90 days
      • The following file formats are supported: .pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rar in addition to all video file formats.
    • The Phone number field is validated. An error message appears if formatting conditions aren't met:
      • At least one number
      • Only valid characters: space, plus sign (+), dash (-), and period (.).
  3. Click + Add Field  to add additional form items.
  4. Enter the desired text for the Form button.
  5. Manage reCAPTCHA settings to protect against spam:
    • Select a reCAPTCHA position. 
    • Choose to display the reCAPTCHA as an icon or text.
  6. Enter a Form title, or click to hide it.

    Note:

    If you change the form title, it only updates after a new response is submitted. Submit a test response to update the name quickly.

On the Submission tab:

  1. Click New Submission notification to set the recipient email and subject line.
    • Under "Form submissions will be sent to", enter your email to receive a copy of all submissions. If left empty, Guesty uses the primary email from your content library or the account owner's email by default. All responses go to the form responses page.
    • Under "Email subject line", enter the email subject.
    • Under "From name", enter the sender's name. If left empty, the default ‘From’ name will be your site’s web address.
  2. Click Actions after submission to set up the following:
    • Thank you and error messages. Use the rich text editor to customize colors, bolding, or bullet points.
    • Redirect settings. Choose to redirect users to a specific page on your website or an external URL.
    • Email settings. Toggle on Auto-reply to form submitter option to send a confirmation email. You can also customize the "From" name, subject line, and message body.
  3. Click Tracking to paste conversion or AdWords code in the field provided.

On the Integration tab

Select a third-party service to send submission data externally if needed. For more information, see Contact Form Integrations.

Add connected data

You can link email addresses directly to your Content library or to specific Collection fields. To customize your workflow, you can also:

  • Personalize subjects: Add collection fields (like Apartment ID or Team member name) to the email subject line.
  • Include external fields: Send additional data points within the form submission.
  • Access data easily: These fields are stored and viewable both in the notification email and the Site Overview form responses.

For more information on connected data, see Connected Data.

To add connected data to a contact form:

  1. Right-click the widget, and click Connect to Data.
  2. Select the email address and additional fields you want to include in the contact form email from the relevant dropdown menu.
  3. Optional: Click the Edit Content tab to make any necessary changes to the content. All changes sync with your content library.
  4. Click Save.

Back to the top

Paypal

Gather donations or sell products by adding a PayPal button to your site. You must have a PayPal account to use this widget.

Content editor Design editor

  1. Click the widget and select the Content tab.
  2. Enter your PayPal user name.
  3. Select the Type of transaction  from the dropdown menu.
  4. Set the price, currency, shipping cost, and tax.

Back to the top

Restaurant menu

Share your property's meal options with images, descriptions, and pricing. Import your menu from Locu or SinglePlatform, or upload a CSV file.

Content editor Design editor

Choose how to build your menu:

  • To build your own menu, select Build Your Own. For more information, see Build Your Own Menu.
  • To upload a menu, select Upload CSV. For more information, see Upload a CSV.

Build your own

To build your own menu in the widget:

  1. Select Build Your Own.
  2. Organize your menu by creating categories and items:
    1. To add a category, click Add category and give your category a name.
    2. To add an item, click Add item under the category you want the item to be placed in.
      • To add an image to the item, click + Image.
      • Enter a Title, Description, and Price for the item. Use the Rich Text Editor to add color, styling and bullets to text in the description box.
  3. Toggle on Show images to display images for all items.
  4. Select a currency from the Choose currency dropdown.
  5. Type a menu Title, or click to hide it.

Upload CSV

To import a menu using a CSV file:

  1. Select Upload CSV.
  2. Click Upload CSV, and select the CSV from your computer.
  3. Type a menu Title, or click to hide it. 

CSV Format

Comma-delimited or tab delimited lines:

<Category> , <Item> , <Description> , <Price>

For example:
Desserts, French Cupcake, Cupcake with cream, 15.

Back to the top

Yelp reviews

The Yelp Reviews widget only shows positive reviews. Display up to three positive reviews from your Yelp profile to boost customer confidence.

Content editor Design editor

  1. Click the widget and select the Content tab.
  2. Enter your Yelp web address page in the field provided, and click the Search button.
    • If there is a Yelp page with this URL, it will connect automatically.
    • If the URL doesn't connect to a Yelp page, you'll get an error message. Click Enter your Yelp URL again and type another URL.
  3. Edit the Title of your Yelp reviews, or click to hide it. 

Back to the top

Business hours

Display your opening days and times so customers know when to visit or contact you.

Content editor Design editor

  1. Select the day(s) want to set hours for.
  2. Select your working hours for each day.

    Alternatively, select from the other options: Open 24 hours, Closed, or Appointment only.

  3. Click Set Special Days and Holidays to add exceptions to your business hours.

    Note:

    Special days and holidays won't display on the widget until the scheduled day is within 13 days. For instance if May 20th is set as a holiday, it won't display on the site until May 6th.

  4. Toggle on Use 24-hour format to set your time display format.
  5. Toggle on Combine days with the same hours to consolidate days that share the same working hours.
  6. Edit the Title of your business hours, or click to hide it. 

Back to the top

Multi location

Display a list or map of all your business locations. Visitors can find the nearest branch and click to call them directly.

Note:

The "Find Nearest Location" button only appears on secure (HTTPS) connections.

Content editor Design editor

  1. Click the widget and select the Content tab.
  2. Enter the address of your business to find your location online.
  3. To add another location, click + Add location.
  4. Edit the text of the Nearest location button and Multi location title, or click to hide them.
  5. To edit the location settings, click a location in the list.
    1. Edit the business address.
    2. Add additional information, and a location phone number.
    3. Click to display or hide any items.
    4. Click Add link to create a link to display on that location's entry to guide your visitors to a specific page.

Back to the top

Coupon

Incentivize visitors with promotions. You can build a new coupon in the widget or upload an existing image.

Note:

This widget does not track redemptions. Use terms and conditions to clearly state expiration dates.

Content editor Design editor

  1. Click the widget and select the Content tab.
  2. To use the default coupon, click Default Coupon. Complete the following:
    • Offer. Enter the offer.
    • Main Message. Enter the offer details. For example, "Get a $5 off on your next lunch order."
    • Terms & Conditions. Enter any specific terms and conditions for the offer.
    • Text on button. Enter the button text for the coupon.
    • Show share buttons. Toggle on to include social media sharing buttons.
    • Title. Enter the title for the offer.
    • Expiration. Select a date of expiration for the coupon. On this date, the word Expired appears on the coupon. To notify visitors in advanced, add the expiration date to the Terms & Conditions.
  3. To use an image coupon, click Image Coupon. Complete the following:
    • Click + Image to add an image.
    • Text on button. Enter the button text for the coupon.
    • Show share buttons. Toggle on to include social media sharing buttons.
    • Title. Enter the title for the offer.
    • Expiration. Select a date of expiration for the coupon. On this date, the word Expired appears on the coupon. To notify visitors in advanced, add the expiration date to the Terms & Conditions.

Back to the top

Online scheduling

Capture more leads by allowing clients to book appointments instantly. We partner with VCita to provide this service; you can register for an account directly inside the widget.

Content editor Design editor

  1. Click the widget the and select the Content tab.
  2. To create a trial Vcita account, type your email, and first and last name. Click Continue.
  3. Click the link to receive an account activation email.
  4. Click Add/Edit services to add a variety of services, fees, and appointment types, such as phone consultations, online meetings, in-person appointments.
  5. Click Edit business hours to set your time zone, opening hours, and to sync Vcita with your calendar (Google, Outlook, iCloud etc) to display your availability and avoid double booking.

    Users who upgrade to one of VCita's premium plans have additional options to customize scheduling, branding, and more. These features are all linked to within the widget.

Display options

You can change how your online scheduling is displayed on your site.

  • Click Service Menu to display a list of services you offer.
  • Click Calendar to display a calendar with a list available appointment times for a single service. Select the service from the dropdown.
  • Choose to display your scheduling inline on your site, or as a single button which opens scheduling in a new page. Select the display option per device at the bottom of the Content Editor.

Back to the top

Was this article helpful?
0 out of 0 found this helpful