All Collections
FAQ
Editor
How to place a Twitter share button
How to place a Twitter share button
STUDIO Support avatar
Written by STUDIO Support
Updated over a week ago

The official Twitter site also tells you how to do it, but in this way, you have to use <a> and < script> needs to be embedded, which is not possible with STUDIO.

Therefore, we will explain how to implement only using direct link, <a> tag.

Direct link in the Tweet share button

<a href="http://twitter.com/share?url=[URL to share]&text=[Sentences in the tweet]&via=[Username in the tweet]&related=[Username displayed after the tweet]&hashtags=[Hashtag]" target="_blank">Tweet</a>

Normally, if you want to set up a Twitter share button with a direct link, you can use the above format.

However, you need to specify only the URL, not the tag, in STUDIO, so you can use

http://twitter.com/share?url=[URL to share]&text=[Sentences in the tweet]&via=[Username in the tweet]&related=[Username displayed after the tweet]&hashtags=[Hashtag]

You can set it up as shown above by going to Link > URL.

The options that can be specified are as follows

  • text

  • url

  • hashtags (If more than one is specified, they can be separated by commas.)

  • via

  • related

  • in-reply-to

Sample

http://twitter.com/share?url=https://naomi-osaka.studio.design&text=Congratulations, Naomi Osaka!&hashtags=withSTUDIO

When you set it up this way, you can click the share button and this page will launch and easily It allows you to encourage sharing.

Did this answer your question?