Embed a Google Map into your Voiceflow Assistant

Template
Function
1
Template
Function
by
Daniel D'Souza

This tutorial explains how to embed a google map (or any Iframe) into your Voiceflow Web Assistant!  

This method can be used for rendering any IFrames in your Voiceflow Webchat assistant.

IMPORTANT NOTE

Ensure that you use your own code when embedding IFrames. We've added additional security measures to prevent vulnerabilities like cross-site scripting, but its important for you to know what you're rendering on your webchat assistant.

To enable IFrames on your web assistant - follow the instructions on your documentation here: https://developer.voiceflow.com/docs/chat-widget#supported-html-elements-in-the-text-step

Relevant links are below:

1. Google Map Places API: https://developers.google.com/maps/documentation/places/web-service/overview

2. Google Map Embed API: https://developers.google.com/maps/documentation/embed/embedding-map

Created:

Heading

Voiceflow APIs used:

Dialog API

Channels

Webchat

Created By
Daniel D'Souza
This is some text inside of a div block.
Overview
This is some text inside of a div block.
by
This is some text inside of a div block.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading
Based in
This is some text inside of a div block.
Heading

Function Code Snippet

copy-icon

Explore More Templates

Build and submit a Template to have it featured in the community.

ghraphic
No items found.
No items found.