How to insert code (embed) into a particular place of my web?

rembertoguido

Hello,

Can I insert code in a specific space on the web? For example, I want this code (<div class="airbnb-embed-frame" data-id="23045583" data-view="home" style="width:450px;height:300px;margin:auto"><a href="https://www.airbnb.com/rooms/23045583?s=66&shared_item_type=1&virality_entry_point=1&source=embed_widget">View On Airbnb</a><a href="https://www.airbnb.com/rooms/23045583?s=66&shared_item_type=1&virality_entry_point=1&source=embed_widget" rel="nofollow">Home Away at Summerville Orlando</a><script async="" src="https://www.airbnb.com/embeddable/airbnb_jssdk"></script></div>) to appear in the space where it currently appears in a photograph that I will point to in a screenshoot

saguaros

Hi rembertoguido

Not sure if this code is supported to use in a custom HTML module or not, if yes, you can put that code to a custom HTML module.

When you edit homepage, click on image and change the type from image to widget then you can select the module you added code above: https://prnt.sc/qipzo2

genejimenez

Uh, Is there ANY more you can advise on this? This is code I am trying to insert BUT it keeps deleting when I hit save

<div id="aa_embed_native" style="clear: both;"></div>
<script type="text/javascript">
  (function() {
    var d = document, s = d.createElement('script');
    s.type = "text/javascript"; s.async = true;
    s.src = "https://www.artworkarchive.com/profile/artistgene/collection/native/embed_js.js";
    (d.head || d.body).appendChild(s);
  })();
</script>
<noscript>Please enable JavaScript to view the artwork.</noscript>

genejimenez

I am using Page Builder and need insert page galleries of images per this type of embed code. What am I missing?

saguaros

Hi genejimenez

I'm not sure how this script is used, is there any guideline for how to add this script into Joomla site? I will guide you to add into JA Builder.

genejimenez

Here is the code:

<div id="aa_embed" style="clear: both;"></div>
<script type="text/javascript">
  (function() {
    var d = document, s = d.createElement('script');
    s.type = "text/javascript"; s.async = true;
    s.src = "https://www.artworkarchive.com/profile/artistgene/embed_js.js";
    (d.head || d.body).appendChild(s);
  })();
</script>
<noscript>Please enable JavaScript to view the artwork.</noscript>

Here is the instructions.

I am just trying to embed this kind of page INTO a PAGE BUILDER page.

https://www.artworkarchive.com/profile/artistgene/embed

Please advise. Thanks!!!!

genejimenez

And why doesn't PAGE BUILDER have a simple INSERT EMBED CODE content block???

saguaros

genejimenez

Not sure if the provider of this script support custom HTML module of Joomla or not, you can create a new custom HTML module >> put the code there.

Then in JA Page Builder, you can add a spotlight block and load that custom HTML module you just created.

genejimenez

OK, Page Builder needs to list the 'wrapper' in the blocks menu. But, with your help, it worked. I used a Spotlight block - Changed a content section to a 'Widget' (bottom of menu), and then selected 'Module'. I created a 'Wrapper' module and chose that for my widget module. Success! Final page here:
http://www.artofgene.com/index.php/art-gallery

Thanks saguaros!

saguaros

genejimenez

Nice!