Question

How to embed iframe into gallery or background image

  • 12 January 2022
  • 9 replies
  • 53 views

Hi guys, I need help integrating iframe into widgets.

 

video explaining the issue https://drive.google.com/file/d/1Jk9Tl4_TPyZdvHFnflkm7AVtU_3Jtfj3/view

 

<iframe style="style="border:none"; width: 100%; height: 100%;" title: "swamzoad" src="https://armanimation.com/works/swamzoad/swamzoad.html"></iframe>

 

 


9 replies

Userlevel 3
Badge +2

Your best bet is to load that in an HTML widget.  I’m not sure but that may be a pro widget.  Then you can just copy and paste.  The HTML widget can be used in any block that you have it in.  Can be resized and moved anywhere.

Thank you John, I have pro, Yes it works with HTML but I have no idea how to put that HTML into the background either. or in galley

Maybe try using a popup

 

You can also create a template and use the shortcode of the template for your gallery 

Maybe try using a popup

 

You can also create a template and use the shortcode of the template for your gallery 

I have no Idea how to insert short code inside a gallery as media.

here is my page, top characters are displaying as iframe

 

I want to insert them into any gallery. you can find example gallery at the bottom of the site.

https://armanimation.com/gallery/

Maybe try using a popup

 

You can also create a template and use the shortcode of the template for your gallery 

I have no Idea how to insert short code inside a gallery as media.

here is my page, top characters are displaying as iframe

 

I want to insert them into any gallery. you can find example gallery at the bottom of the site.

https://armanimation.com/gallery/

My apologies, I was recalling my approach from a while ago, and I may have used a plugin (and before popups were a native feature)

However, I think my initial approach will still work 

https://elementor.com/help/how-to-trigger-a-popup-on-a-link-click/

Use the tutorial here to target a particular link
 

  1. In the Advanced Tab > Open By Selector create an anchor trigger link shortcode (example: a[href="#link-popup"] )


And for the gallery use the multiple gallery feature

 

Each gallery can link to a popup, and each gallery can contain multiple images
 

My apologies, I was recalling my approach from a while ago, and I may have used a plugin (and before popups were a native feature)
However, I think my initial approach will still work 

https://elementor.com/help/how-to-trigger-a-popup-on-a-link-click/

Use the tutorial here to target a particular link
 

  1. In the Advanced Tab > Open By Selector create an anchor trigger link shortcode (example: a[href="#link-popup"] )


And for the gallery use the multiple gallery feature

 

Each gallery can link to a popup, and each gallery can contain multiple images
 

Thanks for your time.

I have added popup following the tutorial you suggested however I have no idea how to link that popup to the gallery I see Link option in Edit Gallery changed it to custom and pasted there #link-popup.

 

but honestly nothing happens what should I see?

My apologies, I was recalling my approach from a while ago, and I may have used a plugin (and before popups were a native feature)
However, I think my initial approach will still work 

https://elementor.com/help/how-to-trigger-a-popup-on-a-link-click/

Use the tutorial here to target a particular link
 

  1. In the Advanced Tab > Open By Selector create an anchor trigger link shortcode (example: a[href="#link-popup"] )


And for the gallery use the multiple gallery feature

 

Each gallery can link to a popup, and each gallery can contain multiple images
 

Thanks for your time.

I have added popup following the tutorial you suggested however I have no idea how to link that popup to the gallery I see Link option in Edit Gallery changed it to custom and pasted there #link-popup.

 

but honestly nothing happens what should I see?



 


Could you attach some screenshots, I think it would be helpful. 
 

Here is the

My apologies, I was recalling my approach from a while ago, and I may have used a plugin (and before popups were a native feature)
However, I think my initial approach will still work 

https://elementor.com/help/how-to-trigger-a-popup-on-a-link-click/

Use the tutorial here to target a particular link
 

  1. In the Advanced Tab > Open By Selector create an anchor trigger link shortcode (example: a[href="#link-popup"] )


And for the gallery use the multiple gallery feature

 

Each gallery can link to a popup, and each gallery can contain multiple images
 

Thanks for your time.

I have added popup following the tutorial you suggested however I have no idea how to link that popup to the gallery I see Link option in Edit Gallery changed it to custom and pasted there #link-popup.

 

but honestly nothing happens what should I see?



 


Could you attach some screenshots, I think it would be helpful. 
 

Here is the video showing my current state. maybe you know a different gallery plugin that can load html as a media?

Hey @warmanw 

I meant you trying the new approach I suggested, it would be helpful to see the steps you took because I think there might be a small error somewhere. 

I just tried it and it works great

Step 1: 

 


Step 2: 
 


Step 3: 

 


Result:

 

 

Reply