Title: iFrame using ACF
Last modified: January 18, 2021
---
# iFrame using ACF
* [Ruben](https://wordpress.org/support/users/rubenvankempen/)
* (@rubenvankempen)
* [5 years, 3 months ago](https://wordpress.org/support/topic/iframe-using-acf/)
* Hi there,
* How do I display an iFrame using ACF?
* I’d like to display a iFrame with a route using ACF.
I tried all the fields,
but none seems to work.
* Please help.
* The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fiframe-using-acf%2F%3Foutput_format%3Dmd&locale=en_US)
to see the link]_
Viewing 8 replies - 1 through 8 (of 8 total)
* [Ibon Azkoitia](https://wordpress.org/support/users/ibonazkoitia/)
* (@ibonazkoitia)
* [5 years, 3 months ago](https://wordpress.org/support/topic/iframe-using-acf/#post-13968685)
* Hi [@rubenvankempen](https://wordpress.org/support/users/rubenvankempen/),
* could you please share how did you configure the custom field and how did you
write the “code” so we can see how are you doing it?
* Thread Starter [Ruben](https://wordpress.org/support/users/rubenvankempen/)
* (@rubenvankempen)
* [5 years, 3 months ago](https://wordpress.org/support/topic/iframe-using-acf/#post-13969119)
* Hi [@ibonazkoitia](https://wordpress.org/support/users/ibonazkoitia/),
* Sure, but the page isn’t public yet.
* I’m using Elementor to build my website.
I need to use a widget text because
a HTML-widget can not use ACF.
* For example I tried:
1. Adding text 2. Input text = ACF-field #1 3. On the backend
the input #1 is the HTML-code of the iFrame 4. HTML-code = copied from a Google
Mymaps route
* ``
* Result: nothing shows
* [Ibon Azkoitia](https://wordpress.org/support/users/ibonazkoitia/)
* (@ibonazkoitia)
* [5 years, 3 months ago](https://wordpress.org/support/topic/iframe-using-acf/#post-13969230)
* Hi [@rubenvankempen](https://wordpress.org/support/users/rubenvankempen/),
* so the plan is to render a Google Map, here you have different options:
* – Use the [Google Map ACF field](https://www.advancedcustomfields.com/resources/google-map/)
* – In the text field, just put the URL that goes in the src=””, so by code you
put the iframe and just add the src=”” dynamically
* – Use the [Wysiwyg Editor](https://www.advancedcustomfields.com/resources/wysiwyg-editor/)
with the “Text” view
* The problem with Elementor may be that they escape the “HTML” code for security
reasons. I have no experience with Elementor, maybe you should contact their
support. Also, maybe you can use the [Elementor Google Maps Widget](https://elementor.com/help/google-maps-widget/).
* Thread Starter [Ruben](https://wordpress.org/support/users/rubenvankempen/)
* (@rubenvankempen)
* [5 years, 3 months ago](https://wordpress.org/support/topic/iframe-using-acf/#post-13987772)
* Hi [@ibonazkoitia](https://wordpress.org/support/users/ibonazkoitia/)
* Indeed I want to show a route on the Google Map.
The data comes from a ACF field,
because it is placed on a template for more pages. It needs to be shown using
an iFrame.
* The options:
1) Use the [Google Map ACF field](https://www.advancedcustomfields.com/resources/google-map/)
This is only for a adres. Not for a route.
* 2) I don’t understand what you mean. Can you explain? Do I need to make an ACF-
field with just text and put the `https://www.google.nl/maps/d/u/0/embed?mid=
19vLHjM6aRJHn2JhM53aFZPxL2vZ_RwBF` there? You ask me to add the HTML-code for
the iFrame and add the middle part of the code dynamically. How?
* 3) Use the [Wysiwyg Editor](https://www.advancedcustomfields.com/resources/wysiwyg-editor/)
with the “Text” view.
After adding the code to the editor nothing is shown.
This does not work.
* 4) Use [Elementor Google Maps Widget](https://elementor.com/help/google-maps-widget/).
This is also just for showing a adress. Not possible for routes.
* [gustavopascaner](https://wordpress.org/support/users/gustavopascaner/)
* (@gustavopascaner)
* [5 years ago](https://wordpress.org/support/topic/iframe-using-acf/#post-14313578)
* Hi there!
I´m in a similar situation. Did you solved this issue [@rubenvankempen](https://wordpress.org/support/users/rubenvankempen/)?
Regards!
* Thread Starter [Ruben](https://wordpress.org/support/users/rubenvankempen/)
* (@rubenvankempen)
* [5 years ago](https://wordpress.org/support/topic/iframe-using-acf/#post-14332668)
* [@gustavopascaner](https://wordpress.org/support/users/gustavopascaner/) No,
still not. 🙁
I changed it to a simple image of a route for now.
* You can find my example at [wielercafes.nl/route-berc-bike](https://www.wielercafes.nl/route-berc-bike/)
* [devjapheth](https://wordpress.org/support/users/devjapheth/)
* (@devjapheth)
* [5 years ago](https://wordpress.org/support/topic/iframe-using-acf/#post-14347930)
* Hey Guys i once had this problem, but I tried my Best thinking on how to implement
this maps on my elementor custom Post
* First I used all the ways mentioned above but nothing worked.
* I had this Plugin Called “Unlimited Elements for Elementor” which i was able
to create a widget with code to display my maps
* See the Code Below
* ```
```
* First: Create Custom Field with URL type
Second: Create widget Name the Widget(
Iframe Map) Please Check tutorial on how to create Dynamic widget in Unlimited
Elements for Elementor Third : Display your Map in the Template
* Enjoy
- This reply was modified 5 years ago by [devjapheth](https://wordpress.org/support/users/devjapheth/).
* Thread Starter [Ruben](https://wordpress.org/support/users/rubenvankempen/)
* (@rubenvankempen)
* [5 years ago](https://wordpress.org/support/topic/iframe-using-acf/#post-14353212)
* [@devjapheth](https://wordpress.org/support/users/devjapheth/)
I don’t quite
follow you. Let’s try again.
* 1. Download, install and activate plugin Unlimited Elements for Elementor
* 2. Create Custom Field with URL-type using extra fields
* 3. Make a template
* 4. Create a widget (what widget? where? how?)
5. Name this widget IFrame Map
6. Display the created widget on the created template
* 7. Check tutorial (where?)
* 8. Display your map in the template (how?)
Viewing 8 replies - 1 through 8 (of 8 total)
The topic ‘iFrame using ACF’ is closed to new replies.
* 
* [Advanced Custom Fields (ACF®)](https://wordpress.org/plugins/advanced-custom-fields/)
* [Frequently Asked Questions](https://wordpress.org/plugins/advanced-custom-fields/#faq)
* [Support Threads](https://wordpress.org/support/plugin/advanced-custom-fields/)
* [Active Topics](https://wordpress.org/support/plugin/advanced-custom-fields/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/advanced-custom-fields/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/advanced-custom-fields/reviews/)
## Tags
* [embed](https://wordpress.org/support/topic-tag/embed/)
* [frame](https://wordpress.org/support/topic-tag/frame/)
* [iframe](https://wordpress.org/support/topic-tag/iframe/)
* [map](https://wordpress.org/support/topic-tag/map/)
* 8 replies
* 4 participants
* Last reply from: [Ruben](https://wordpress.org/support/users/rubenvankempen/)
* Last activity: [5 years ago](https://wordpress.org/support/topic/iframe-using-acf/#post-14353212)
* Status: not resolved