I’m trying to embed the following code using ACF, but I just haven’t been able to get it to work after putting in several hours.
<iframe frameborder=0 width=”500″ height=”500″ src=”https://analytics.zoho.com/open-view/1744935000003958364/014aa77398aed279beae8db50a5e008a”></iframe>
I’ve tried oEmbed, Text, TextArea (with formatting variations, URL, WYSIWYG (text and visual forms).
Can someone please point in the right direction?
Thank you so much!
I am having this exact issue with a google map iframe.
It works fine on when I use a text box and insert the code using the elementor page builder. However, using a template that pulls the iframe code dynamically using ACF yields nothing; just blank space…
joenathan78, check out ACF Code Field. It’s a workaround and it’s working for me.
I’m having same issue and found this post.
@piyush-a I have tried the ACF Code Field plugin but it’s also not working. I have it installed, configured and my custom embed field is showing up on my CPT entry. But Elementor cannot “see” the field in the key dropdown. I’ve tried all different variations of the editor type (HTML Mixed, HTML, etc.) Would you mind sharing how you got this to work?
Same problem here: I want to display an iframe using ACF.
I have the same problem with the embedding the Google map iframe. Did anyone manage to do that?
Google Maps can be displayed by using the widget “Google Maps”.
Set location to an ACF-field and you’re done. 🙂
@rupsnn Thank טou but I do not want to embed a map with a particular location but to embed an entire map of a route prepared in Google. Their export looks like this:
<iframe src = "https://www.google.com/maps/d/embed?mid=1mpP1w_0CTOvPKQOGZT5oVQSRBJPbsex9" width = "640" height = "480"> </iframe>
What ACF Field do we need in order to make this work?
Yes. Same issue. If I set my custom field to WYSIWYG, go to create a post with the field, switch the WYSIWIG editor from Visual to text and paste my iframe code in, when I switch back to visual, I see the rendered iframe content. However when I go to the front end, the iframe content doesn’t display. OTHER text like <h3>A Related Product</h3> WILL display, but the iframe code is stripped out.
Yes, I can, I think.
What worked for me is to get the name of the custom field from ACF. Then I placed the name of this field inside square brackets in the region I wanted it to display — like a shortcode. And just like that, the full HTML content from the WYSIWYG field showed up.
My apologies for the extremely delayed response.
What worked for me was ACF Code Field. In that, we can’t directly add iframes. However, adding iframes within a shortcode works. So, I’m coupling ACF Code field with Advanced iFrame Pro and it’s been working like a charm.
Here’s a working link – https://businessquant.com/intel-revenue-by-segment
Hope it helps
The topic ‘iFrame Embedding’ is closed to new replies.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
© 2021 Advanced Custom Fields. Subscribe