Share Button Generator

Generate share URLs and copyable HTML for X, Facebook, LINE, and other services in the browser.

INPUT

URL to shareShare textHashtagsX via

SERVICES

XSupports text, URL, hashtags, and viaFacebookURL sharing. Preview depends on OGPLINESend the URL and text with LINELinkedInBusiness-oriented URL sharingEmailmailto link with subject and body

Facebook reads OGP from the shared URL. The share URL itself is not a reliable way to force custom body text or images.

LINE may open the app or browser depending on the device. Test on real devices when possible.

PREVIEWGenerated

GeneratedThe preview reflects the current inputs and selected services.

SHARE_URLS

Xhttps://twitter.com/intent/tweet?text=TOOLPOOL&url=https%3A%2F%2Ftoolpool.tools%2F

Facebookhttps://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftoolpool.tools%2F

LINEhttps://social-plugins.line.me/lineit/share?url=https%3A%2F%2Ftoolpool.tools%2F&text=TOOLPOOL

HTML_CODE

The output includes HTML and minimal CSS. Adjust class names and colors to match your site design as needed.

<div class="share-buttons" aria-label="PREVIEW">
  <a class="share-button share-button--x" href="https://twitter.com/intent/tweet?text=TOOLPOOL&amp;url=https%3A%2F%2Ftoolpool.tools%2F" target="_blank" rel="noopener noreferrer">X</a>
  <a class="share-button share-button--facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftoolpool.tools%2F" target="_blank" rel="noopener noreferrer">Facebook</a>
  <a class="share-button share-button--line" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Ftoolpool.tools%2F&amp;text=TOOLPOOL" target="_blank" rel="noopener noreferrer">LINE</a>
</div>

<style>
.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.share-button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font: 700 14px/1 system-ui, sans-serif;
  padding: 0 16px;
  text-decoration: none;
}

.share-button--x { background: #111; }
.share-button--facebook { background: #1877f2; }
.share-button--line { background: #06c755; }
.share-button--linkedin { background: #0a66c2; }
.share-button--email { background: #555; }
</style>

ABOUT THIS TOOL

Generate share URLs and copyable HTML for X, Facebook, LINE, and other services in the browser.

This tool runs in your browser. Files and entered content are not uploaded to the server for processing.

USE CASES

Create share button URLs for articles or landing pages
Compare how X, Facebook, LINE, and other services handle sharing
Prepare copyable HTML and CSS for implementation

FAQ

What can this tool do?: Generate share URLs and copyable HTML for X, Facebook, LINE, and other services in the browser.
How is the input handled?: Processing happens in your browser. Files and entered content are not sent to the server for processing.
Can I set Facebook text or images from the button?: Facebook previews usually depend on the OGP metadata of the shared URL. Do not assume the button URL can reliably force custom text or images.

Share Button Generator

Related Articles

Open Graph Meta Tags: OGP Basics