How to Add an X (Twitter) Share Button
You can add a button to share on X in Studio.Design by setting your desired URL as the button’s link—no complex code needed.
1. Add a Share Button
Open the left panel in the Design Editor.
In the add panel’s box menu, select [Form Parts] and then choose [Button]. Place this button anywhere on your page.
※You can also create your own custom button by adding a new box element and styling it as you wish.
2. Set Up the Share Link
Click your newly added button and open the right panel.
In the link settings, enter a URL in this format:
texthttps://twitter.com/intent/tweet?url=[URL to share]&text=[Text for tweet]&via=[Username]&related=[Recommended accounts]&hashtags=[Hashtags]
Example:
texthttps://twitter.com/intent/tweet?url=https://naomi-osaka.studio.design&text=Congratulations%2C%20Naomi%20Osaka!&hashtags=withStudio
URL Options Explained
text: Sets the post text.
url: The destination link.
hashtags: Adds hashtags (separate multiple tags with commas).
via: Adds your username.
related: Suggests recommended accounts.
in-reply-to: Mentions another user’s account.
3. Clicking the button you’ve set up opens X’s post screen, pre-filled with your specified content so visitors can easily share it. Here is example.
Tips: Using Twitter Publish and Embed
The external service "Twitter Publish" can generate embed codes for you.Paste the generated code into an [Embed Box] to embed a post or place a share button on your site.
http://twitter.com/share?url=https://naomi-osaka.studio.design&text=Congratulations, Naomi Osaka!&hashtags=withSTUDIO