[EA Page] Conflict between Goodreads widgets in the same page

Replies: 0

Hello!

I’m trying to set up an EA Page with 2 books: underneath each book, there is a Goodreads widget (add to your shelf).

A single Goodreads widget works properly, but when I add Book2 , Book1 displayed info switch to Book2, and Book2 has some odd broken line without content.

Are the two HTML files conflicting with each other?

Here they are:

BOOK 1

	  <div id="gr_add_to_books">
    <div class="gr_custom_each_container_">
      <a target="_blank" style="border:none" rel="nofollow noopener noreferrer" href="https://www.goodreads.com/book/isbn/8832198355"><img alt="A colpi di Cannonau" src="https://s.gr-assets.com/images/atmb_add_book-70x25.png" /></a>
    </div>
  </div>
  <!-- the identifier in the following script tag can be a GR book id or an isbn -->
  <script src="https://www.goodreads.com/book/add_to_books_widget_frame/8832198355?atmb_widget%5Bbutton%5D=atmb_widget_1.png&atmb_widget%5Bhide_friends%5D=on"></script>

BOOK 2

	  <div id="gr_add_to_books">
    <div class="gr_custom_each_container_">
      <a target="_blank" style="border:none" rel="nofollow noopener noreferrer" href="https://www.goodreads.com/book/show/57562183-chelabron"><img alt="Chelabron" src="https://s.gr-assets.com/images/atmb_add_book-70x25.png" /></a>
    </div>
  </div>
  <!-- the identifier in the following script tag can be a GR book id or an isbn -->
  <script src="https://www.goodreads.com/book/add_to_books_widget_frame/57562183?atmb_widget%5Bbutton%5D=atmb_widget_1.png&atmb_widget%5Bhide_friends%5D=on"></script>