Help using the powr social icons app code not working?

[escherprint]

I'm using the Impulse theme and powr app told me to post this code manually as the automatic option to install in all product pages wasn't working:

<div class="powr-social-media-icons" id="bba2e49d_1624152761"></div><script src="https://www.powr.io/powr.js?platform=shopify"></script>

in product.liquid and mine looks like this:

{% section 'product-template' %}
{% section 'product-story-sections' %}
{% section 'product-recommendations' %}
{% section 'recently-viewed' %}

{% if collection %}
  <div class="text-center page-content page-content--bottom">
    <a href="{% if collection.handle == 'frontpage' %}/{% else %}{{ collection.url }}{% endif %}" class="btn btn--small return-link">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-left" viewBox="0 0 50 15"><path d="M50 5.38v4.25H15V15L0 7.5 15 0v5.38z"/></svg> {{ 'products.general.collection_return' | t: collection: collection.title }}
    </a>
  </div>
{% endif %}

So I made a duplicate of my theme first and went to edit code and pasted the powr code:

<div class="powr-social-media-icons" id="bba2e49d_1624152761"></div><script src="https://www.powr.io/powr.js?platform=shopify"></script>

after the {% endif %} and hit save and then hit the preview tab to see if it worked and didn't see anything at all. So then I went back and tried to put the code right before {% endif %} and hit save and previewed and still nothing happened. What am I doing wrong? Does the code go before {% endif %} or after?

Do I have to publish the theme first to see it?

[escherprint · Accepted solution]

I talked with the app people directly and they told me to take the code and add it under every product which I decided not to do and ended up deleting the app.