For Publishers

Let Your Readers Share Your Content

Add Upvote.link to your blog or publication and empower readers to share your work. Get real backlinks, track engagement, and help quality content reach the people who care. Simple 2-line integration.

LIVE PREVIEW

Quick Start - 2 Lines of Code

Add Upvote.link to any webpage in under 60 seconds

1
Add the script to your page
<script src="https://upvote.link/widget.js"></script>
2
Add the widget where you want it
<div class="upvote-link-widget" data-url="YOUR_ARTICLE_URL"></div>
Pro Tip: Leave out data-url and it will automatically use the current page URL!

Choose Your Integration Method

Select the best option for your website or platform

Text Links

For platforms without JavaScript

  • ✓ Works everywhere
  • ✓ Medium, LinkedIn, bios
  • ✓ Email signatures
  • ✓ No code required
Generate Text Link

Smart Dynamic Link

Auto-detects current page

  • ✓ Perfect for footers
  • ✓ Template-friendly
  • ✓ Auto URL detection
  • ✓ One code, all pages
Generate Smart Link

JavaScript Widget

Customizable button widget

  • ✓ Live upvote counts
  • ✓ Multiple themes
  • ✓ Fully customizable
  • ✓ Best for blogs
Build Widget

Widget Configurator

Customize your widget appearance and get the embed code

Customize Your Widget

Leave empty to use current page URL

Preview

Your Code


                

Platform-Specific Guides

Step-by-step integration instructions for popular publishing platforms

WordPress

Easiest way: Use a Custom HTML block in your posts

Show Instructions

Simple Method (Recommended):

  1. Edit your blog post in WordPress
  2. Click the "+" button to add a new block
  3. Search for "Custom HTML" and select it
  4. Copy the code from the configurator above
  5. Paste it into the Custom HTML block
  6. Preview or publish your post

The upvote button will appear wherever you placed the block!

Ghost

Add widget to individual posts or site-wide

Show Instructions

Easy Method (Per Post):

  1. Open your post in the Ghost editor
  2. Type "/" to open the block menu
  3. Select "HTML" card
  4. Copy the code from the configurator above
  5. Paste it into the HTML card
  6. Publish your post

For site-wide integration, go to Settings → Code Injection and add the script to the Site Footer.

Substack

Add HTML code to your posts

Show Instructions

Simple Method:

  1. Write your post in Substack
  2. At the end of your post, click the "..." menu
  3. Select "Edit HTML"
  4. Copy the code from the configurator above
  5. Paste it where you want the button to appear
  6. Click outside to save, then publish

You can add it at the beginning or end of your posts!

Medium

Medium doesn't allow widgets, use a text link instead

Show Instructions

Simple Method:

  1. Use the Text Link Generator above to create your link
  2. Write your article in Medium
  3. At the end, add a call-to-action line
  4. Type something like: "👍 Enjoyed this article? Upvote it!"
  5. Select the text you want to link (e.g., "Upvote it!")
  6. Click the link button in Medium's editor
  7. Paste your generated share URL
  8. Publish your story

Medium doesn't allow custom code, so text links work best! Use the Text Link Generator to create your link.

Hugo

Add widget to your Hugo templates (requires some coding)

Show Instructions

Step-by-step:

  1. Open your Hugo site folder on your computer
  2. Find the file layouts/partials/footer.html
  3. Add this line before the closing </body> tag:
<script src="https://upvote.link/widget.js"></script>
  1. Now open layouts/_default/single.html
  2. Add this where you want the upvote button:
<div class="upvote-link-widget" data-url="{{ .Permalink }}"></div>

The button will automatically use each page's URL!

Jekyll

Add widget to your Jekyll templates (requires some coding)

Show Instructions

Step-by-step:

  1. Open your Jekyll site folder on your computer
  2. Find the file _layouts/default.html or _layouts/post.html
  3. Add this line before the closing </body> tag:
<script src="https://upvote.link/widget.js"></script>
  1. Add this where you want the upvote button (usually after the post content):
<div class="upvote-link-widget" data-url="{{ page.url | absolute_url }}"></div>

The button will automatically use each page's URL!

Gatsby

Add to your React components (requires coding knowledge)

Show Instructions

For Developers:

  1. Open your Gatsby project folder
  2. Edit your gatsby-ssr.js file (create it if it doesn't exist)
  3. Add the script to the body:
export const onRenderBody = ({ setHeadComponents }) => { setHeadComponents([ <script key="upvote" src="https://upvote.link/widget.js" /> ]) }
  1. In your blog post template component, add:
<div className="upvote-link-widget" data-url={location.href}></div>

Wix

Use Wix's embed feature to add the widget

Show Instructions

Simple Method:

  1. Edit your Wix page
  2. Click the "+" button on the left sidebar
  3. Select "Embed Code" (under "Embed")
  4. Click "Custom Embeds" → "Embed a Widget"
  5. Copy the code from the configurator above
  6. Paste it into the code box
  7. Click "Update" and position the widget where you want it
  8. Publish your site

Drag the widget to resize and reposition it!

Custom HTML/JS

For custom websites or HTML sites

Show Instructions

Simple Method:

  1. Open your HTML file in a text editor (like Notepad or VS Code)
  2. Find the </body> closing tag near the end
  3. Just before it, paste this line:
<script src="https://upvote.link/widget.js"></script>
  1. Now find where you want the upvote button to appear
  2. Paste this code there:
<div class="upvote-link-widget" data-url="YOUR_PAGE_URL"></div>
  1. Replace YOUR_PAGE_URL with your actual page URL
  2. Save the file and upload it to your web server

The widget will load automatically when someone visits your page!

Webflow

Use custom code embed to add the widget

Show Instructions

Simple Method:

  1. Open your Webflow project
  2. Go to the page where you want to add the widget
  3. Drag an "Embed" element onto your page from the Add panel
  4. Click on the Embed element
  5. Copy the code from the configurator above
  6. Paste it into the embed code field
  7. Click "Save & Close"
  8. Publish your site

You can style the widget container using Webflow's designer!

Advanced Features

Power user features for custom integrations

Custom Styling

Override widget styles with CSS

.upvote-link-widget-btn { /* Your custom styles */ }

Multiple Widgets

Add widgets for different articles

<div class="upvote-link-widget" data-url="article-1"></div> <div class="upvote-link-widget" data-url="article-2"></div>

Frequently Asked Questions

Common questions about integrating Upvote.link

Do I need to create an account to use the widget?

No! The widget works for any URL. Users who want to upvote will need to sign up, but you don't need an account to add the widget to your site.

Is the widget free to use?

Yes! The widget is completely free. There are no usage limits or hidden fees. Just add it to your site and start collecting upvotes.

Can I customize the widget's appearance?

Yes! Use the Widget Configurator above to choose between dark/light themes and different styles (default, minimal, or solid). You can also override the CSS for full customization.

Will the widget slow down my website?

No. The widget is lightweight (under 5KB) and loads asynchronously, so it won't impact your page load speed or performance.

What if my platform isn't listed?

Try the text link or smart link options - they work on any platform. For JavaScript widgets, if you can add custom HTML/JavaScript, you can use our widget.

Can I see analytics for my upvoted content?

Yes! Create an account and share your content. You'll be able to see upvote counts, engagement metrics, and track how your content performs over time.

Does the widget work on mobile devices?

Absolutely! The widget is fully responsive and works perfectly on all devices - desktop, tablet, and mobile.

Can I use multiple widgets on the same page?

Yes! You can add widgets for different URLs on the same page. Just include the script once and add as many widget divs as you need.

Get Started

Need Help Getting Set Up?

Our integration support team is here to help you get your widgets running smoothly.

Contact Support Send a Message