How do you create custom button from Resy Reservation Widget?

I am designed a website for a restaurant and you will see I have a ‘Reserve a Table’ button.
Here is my read only link

Their booking system is through Resy. Resy provides a button widget code, but the button is so ugly. How can I take this code below and add it to my button? I dont know code and am new to Webflow. This is the first site I’ve built of WF. Any help would be so much appreciated.

Thank you!!!

a href=“Resy | Right This Way” id=“resyButton-fnpFFz3Bm5LXp9uV58M1F”>Book your Sueños X Soho Friends reservation on Resy</a

script src=“”>

resyWidget.addButton(document.getElementById('resyButton-fnpFFz3Bm5LXp9uV58M1F'), {"venueId":59855,"apiKey":"ThW4NxpcJ5dYZIhcPohmAdU5zcQpqVBd","replace":true,"seats":"2",}); </script ---------- Here is my site Read-Only: **[LINK][1]** ([how to share your site Read-Only link][2]) [1]: http:// [2]:

You don’t copy full code,

one of the solution in some case could be to make resy button invisible and to trigger it via javascript or use finsweet with a super fancy buton of your onw

hey!!! thank you!! this is awesome and in theory, finsweet would be perfect because i dont know java. But they don’t give instructions past pasting their code into the header. Once you do that, there is nothing else showing to trigger. I am going to try to contact them…

I even tried their demo and it doesn’t show how they are linking the button to the element if that makes sense? Thank you so much!

actually just figured out you need to add “target” and “trigger” but it still doesnt work :frowning:

You can contatct them on there slack channel.

I suggest you to try rebuilt the demo first and be super attentive with everything : use copy/paste.

Once the demo work on a separate page, implement it in the project.

thank you!! yes i contacted them on their slack. Hoping to hear back soon.