← All guides

Add an Order Button to Your Own Website (Canva, Squarespace, Anywhere)

Copy your order link from Settings → Website button, then attach it to a button or image on your own site. On Canva Sites, download the ready-made button PNG, upload it, and link it with Ctrl+K. Orders through the link work exactly like orders from your Plug page: same pipeline, same invoice, same email thread.

By Andrew, Founder, Plug Pro··3 min read
Works on Canva Sites
No code needed
Ready-made button PNG

You built a site you like — on Canva, Squarespace, wherever. You shouldn't have to rebuild it on Plug just to take orders. This guide wires the two together: your site stays yours, and Plug quietly runs the business behind it — the order form, the deal pipeline, the invoice, and the branded email thread with every brand.

What you're adding

One button. It can say Work with me and open your full order menu, or go straight into a single service — Order a UGC video, Book a paid shoutout, Start a retainer, whatever you sell. A brand clicks it, lands on your order page, and places an order that's indistinguishable from one placed on your Plug page.

In Plug, go to Settings → Website button.

  1. Pick what the button should do — your full menu, or one service.
  2. Pick a style, size, and color.
  3. You'll see three things: your order link, a Download PNG button, and an HTML snippet.

Which one you need depends on your site builder:

  • Canva Sites → the PNG + the link (Canva can't take code)
  • Squarespace / Webflow / WordPress → the HTML snippet, or the PNG + link
  • Anything else with buttons → just the link

Step 2 — On Canva Sites

Canva can't run HTML or scripts, so the button is an image with your link attached:

  1. Tap Download PNG in Plug.
  2. In Canva, open your site design → Uploads → Upload files → pick the PNG.
  3. Drag it onto your page and size it.
  4. With the image selected, press ⌘K (Mac) or Ctrl+K (Windows) — or the link icon in the toolbar.
  5. Paste your order link, hit Done, and republish your site.

That's it. The button is retina-sharp at any reasonable size, and its rounded corners are transparent so it sits cleanly on any background.

Step 2 — On Squarespace, Webflow, or WordPress

Add a Code block (Squarespace), Embed element (Webflow), or Custom HTML block (WordPress) and paste the snippet from Plug. It's a plain image-in-a-link — no scripts, nothing your builder will strip — and it stays crisp and responsive on mobile.

Prefer your builder's native buttons? Use those and just paste your order link as the button's URL. The Plug-branded image is optional; the link is the thing.

What the brand sees

Clicking the button opens your order page — your name, your photo, your storefront colors, your services and rates. No account needed on their side. They pick a service, write the brief, drop their email, and submit. You get the order in your pipeline, the brand gets your branded emails, and payment runs exactly like every other Plug order.

Two details worth knowing:

  • The link never goes stale. It points at a live page, so new rates and services show up automatically. Switch a service off and the button falls back to your full menu instead of dead-ending.
  • It won't fight your SEO. The order page tells search engines not to index it, so it never competes with your own website in search results.

Why not just put your email on the site?

"DM me for rates" and a bare email address make the brand do the work — and give you nothing when they ghost. The button gives brands a price, a brief to fill in, and a next step, and gives you a tracked deal with an invoice path from message one.

FAQ

Does this work on Canva Sites?

Yes. Canva Sites can't run HTML or JavaScript, so instead of an embed code you upload the button as an image and attach your order link to it. Plug gives you the button PNG and the link — Canva handles the rest.

Do orders from my website behave differently from orders on my Plug page?

No. The button links to the same order form your Plug page uses. Every order lands in your pipeline, starts your branded email thread with the brand, and follows your normal payment flow.

Can I change what the button sells later?

Yes. The button links to a live page, so it always reflects your current services and rates. If you switch a service off, the link falls back to your full order menu instead of breaking.

Can the button match my page colors?

The standard button is Plug purple. On a Creator plan you can switch it to your storefront theme color so it blends into your site.

Ready to run it on Plug Pro?

Start free — no card. Source your own deals and keep 100%.

plugd.cc/
plugd.cc/yourname
Start free