Gutenberg – How to add Amazon Text+Image code?

  • My site is hosted by WordPress and I use Gutenberg.

    I’m trying to create a page of Amazon Affiliate items that I recommend, using their Text+Image option.

    I can’t figure out how to insert the code. I tried Embed. I tried html. They don’t work. I tried the iframe plug-in, but it doesn’t show up as an option in my Blocks list.

    This is the code I need to insert (but of course there would be a series of them, the one below is for a single product):

    <iframe sandbox=”allow-popups allow-scripts allow-modals allow-forms allow-same-origin” style=”width:120px;height:240px;” marginwidth=”0″ marginheight=”0″ scrolling=”no” frameborder=”0″ src=”//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=US&source=ss&ref=as_ss_li_til&ad_type=product_link&tracking_id=acertainser0d-20&language=en_US&marketplace=amazon&region=US&placement=B07P6G5L35&asins=B07P6G5L35&linkId=1a09fba946fa1b1a802a1fc6e597961d&show_border=false&link_opens_in_new_window=true”></iframe>

    • This topic was modified 1 year, 11 months ago by beckythames.
    • This topic was modified 1 year, 11 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You have to insert this HTML code in the HTML block. Be sure to format it correctly as well, because the code in your post uses the wrong double quotes. This would be right:

    <iframe sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin" style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="https://ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=US&source=ss&ref=as_ss_li_til&ad_type=product_link&tracking_id=acertainser0d-20&language=en_US&marketplace=amazon&region=US&placement=B07P6G5L35&asins=B07P6G5L35&linkId=1a09fba946fa1b1a802a1fc6e597961d&show_border=false&link_opens_in_new_window=true"></iframe>

    You can find more about the HTML block here: https://gogutenberg.com/blocks/custom-html

    Thread Starter beckythames

    (@beckythames)

    Thank you so much! I got it to work using the “short code” block!

    But I had not written anything about that. The shortcode block is the wrong way to do it. Better use the HTML block as written above.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gutenberg – How to add Amazon Text+Image code?’ is closed to new replies.