How to implement SendOwl button?

Ask the community
,
1

Hello

I’m a bit of a noob in HTML/CSS/JS and I’m trying to implement a button with the following code provided by SendOwl:

<a href="https://transactions.sendowl. com/products/78492970/16495FBA/purchase" rel="nofollow"><img src="https://transactions.sendowl. com/assets/external/buy-now.png" /></a><script type="text/javascript" src="https://transactions.sendowl. com/assets/sendowl.js" ></script>

(I had to break the URL)

I can’t use the normal embed functionality in Wix as it doesn’t allow for external scripts, which is why I’m dipping my toes into Velo.

Any tips on how I could do this?

I tried something like this, but no dice:

$w.onReady(function () {
    $w("#button19").onClick( () => {
         <div>
         <a href="https://transactions.sendowl. com/products/78492970/16495FBA/purchase" rel="nofollow">
         </a><script type="text/javascript" src="https://transactions.sendowl. com/assets/sendowl.js" ></script>
         </div>
 });
2

Place an HTML-component on your page and insert this code here, to get the first running result…

<html>
    <head>
      <title></title>
    </head>
    <body>
      <a href="https://transactions.sendowl.com/products/78492970/16495FBA/purchase" rel="nofollow">
        <img src="https://transactions.sendowl.com/assets/external/buy-now.png" />
      </a>
      <script type="text/javascript" src="https://transactions.sendowl.com/assets/sendowl.js" ></script>
    </body>
  </html>

Read this post —> to understand, how to work with HTML-Components.

3

Thank you for answering. According to Wix support, the HTML-component from Wix doesn’t allow external scripts, which in this case deactivates the lightbox-functionality from sendowl.js, and instead opens the window as a new tab. I’m trying to implement it into the page using Velo to make the lightbox-functionality work again.

I tried adding it through the “Custom Code”-functionality, but I can’t get it to show up then :thinking:

4

@hakondale Don’t you have a premium wix-account?
Could you show me the link to the article ?

5

@russian-dima Yes I do have a premium wix-account. Here’s the article. Wix Editor: Embedding a Site or a Widget | Help Center | Wix.com

6

@hakondale

According to Wix support, the HTML-component from Wix doesn’t allow external scripts, which in this case deactivates the lightbox-functionality from sendowl.js…
External-Script???

<script type="text/javascript" src="https://transactions.sendowl.com/assets/sendowl.js"></script>


When i look at this it should normaly work.
And when i do some testings, what do you think, does it will work ?

Try it yourself…does this example work for you ?
https://www.media-junkie.com/html-test2

Ich weis ja nicht, was bei dir nicht funktioniert.

7

@russian-dima It does work, but in the same way as it currently works on my webpage, by opening a new tab instead of opening the lightbox.

https://youtu. be/NUbc6j38v34?t=88

(remove the space between “.” and “be”, I can’t post links on the forum yet for some reason)

From 1:28, it demonstrates the standard functionality of the SendOwl buy-button