How do I add a 'Tweet about this' button?

Ask the community
1

I’ve copied the following example code from the Twitter documentation and put it in a Code Block:

<a class="twitter-share-button"
   href="https://twitter.com/intent/tweet?text=Hello%20world"
   data-size="large">
Tweet</a>

This doesn’t display a button however, just a link. How can I get Softr to display a button?
Disclosure: I’m not a coder so make it easy for me please :slight_smile:

2

Hey, let me help you here: the following code will display the Twitter button you want to have. Note that you will need to change the custom-code1 to the block name you are using for the Custom Code block:

  <button class="twitter-share-button">
      <a href="https://twitter.com/intent/tweet?text=Hello%20world">
          Tweet
       </a>
 </button>

<style>
   #custom-code1 .twitter-share-button a{
       text-decoration: none;
        color: white;
        font-size: 30px;
     }

    #custom-code1 .twitter-share-button{
      border: 0;
      background: #94B9DC;
      padding: 18px 46px;
      border-radius: 8px
   }
</style>
2 Likes