Adding embed button fail

Custom code
1

Hi I’m trying to add this embed button but nothing seems to appear.
Does anyone have an idea how to fix this?

Screenshot 2022-06-17 at 15.10.49

2

Hi Sauve, welcome to the Readymag forum. It might be because of the missing CSS styling that is required to give a DIV some appearance and positioning, furthermore without CSS an empty DIV tag by default will show up as nothing unless given contents such as a title. I have supplied some basic CSS for a button to your code below.

For the future please do supply your code in the post using the Preformatted text / ⌘E for us to help answer this question — as I have been able to copy and past your code from the image I would suggest updating the script section with the code you have shared in your screenshot.

<div id="bueno-embed-container">TITLE HERE</div>

<style>
  #bueno-embed-container {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  }
</style>

<script type="module">
  import {
    BuenoWidget
  } from "https://nft.bueno
  const widget = new BuenoWidget(
      document.getElementByld(bueno - embed - container ")); widget.init((
        contractAddress: "Ox9a3b71acc30b430058F3109e313a5818728A53Bb",
        chainld: 4,
        button: (background: * #5062FE*)
›):
</script>
3

Thanks HEADLESS.HORSE
it is a generated code button that should look like this. If anyone can help me I’m willing to hire.

Screenshot 2022-06-17 at 16.44.57
Screenshot 2022-06-17 at 16.44.57591×571 33.5 KB

4

Hi @Suave do paste the code below if possible. I think it’s something to do with it’s z-index! :slight_smile:

5 
<div id="bueno-embed-container"></div>

<script type="module">
  import { BuenoWidget } from "https://nft.bueno.art/widget/latest.js";

  const widget = new BuenoWidget(
    document.getElementById("bueno-embed-container")
  );

  widget.init({
    contractAddress: "0x9a3b71acc30b430058F3109e313a5818728A53Bb",
    chainId: 4,
    button: { background: "#50A2B2" },
    
  });
</script>
6

I see it is an issue with Access-Control-Allow-Origin which makes sense. Just taking a look now to see if there is a solution.

7

Thanks Headless, from Bueno they see the issue is in their end. Ill keep updated here

1 Like
8

That’s good to hear!