Plandalf

Website integration

Connect Vue to Plandalf

Keep your Vue site. Add a Plandalf buy button and a checkout that matches it.

Start your 14-day free trialSetup guide

No credit card required. No coding required.

Stripe
Plandalf
Vue
  • buy button clicked
  • checkout.completed
  • redirect to thank-you

Overview

How Vue and Plandalf split the work

Vue keeps the site and the traffic. Plandalf adds the checkout and takes the payment without a rebuild.

Checkout embed available

Add the Plandalf script to your Vue site and tag any button with the offer it should sell. The checkout opens over the page in your brand; Vue keeps the site and the traffic, Plandalf takes the payment and runs what comes after.

Vue owns

  • Your pages, design and traffic
  • Hosting and the domain

Plandalf owns

  • The buy button and the checkout
  • Payment, receipts and subscriptions
  • What runs after the sale

Set it up

Connect Vue in three steps

The short version. The Vue setup guide has the full walkthrough and the test-mode checks.

  1. 1

    Add the script

    Paste one script tag into your Vue site, in the head or before the closing body tag.

    <script src="https://your-org.plandalf.app/js/plandalf-sdk.js" async></script>
  2. 2

    Tag a button

    Put the offer slug on any button or link. Clicking it opens the checkout over the page.

    <button data-plandalf-present="pro-plan">Buy now</button>
  3. 3

    Test it, then go live

    Every offer has a test-mode link, so you can wire it into a staging copy of your Vue site first. Nothing else to install.

  4. Read the Vue setup guide →
  5. Browse Vue connections →
Plandalf · Vue
The Plandalf offer editor: the checkout a website buy button opens.

Triggers and actions

Start with the sale. Build whatever comes after.

Any checkout event can start an automation with the whole order in hand. Stack the steps, wait between them, branch on what was bought.

Starts when
Then

Vue receives this through the Send webhook step. See every integration

Course checkout receiptOn
1Checkout completedOrder #4821 · Maya Chen · $249.00Fired
2POST the orderVueDone

Sends the whole order to your endpoint, as JSON, within a second.

POST api.yourapp.com/orders200 OK · 84 ms
orderbuyeritemscouponreferraltotals
+ Add a step

Integrations

Keep your site. Upgrade how it sells.

Plus a fully documented REST API and webhook layer for whatever’s not in the list.

Questions

Common questions about Vue and Plandalf

The short answers. The docs have the long ones.

What do I add to my Vue site?

One script tag from your Plandalf account and a data attribute on any button. The checkout opens over your page; Vue needs no plugin.

What does Plandalf need from my Vue site?

Nothing but the page. The script reads the button you tag and opens the checkout; the sale, the receipt and the follow-up run in Plandalf.

Do I need to rebuild my Vue site?

No. Add the Plandalf script to Vue, tag any button or link, and the checkout opens over your existing page or on a hosted page in your brand.

Will the checkout match my Vue design?

Yes. Checkouts are built in the Plandalf editor with your fonts, colours and layout, or started from a template and adjusted.

Where does the buyer end up after paying?

Wherever you say: a thank-you page on Vue, a members area, a download, or a Plandalf confirmation page.

Can I test it on a staging site?

Yes. Offers have a test-mode link and the script works on any domain, so you can wire it into a staging copy of your Vue site first.

The team

Built by a team obsessed with conversion.

AarogornBilbertBuildoFoundoLegoli

15+ years building SaaS businesses together. Every part of Plandalf comes from a real checkout problem we’ve had to solve ourselves.

Start your 14-day free trial

No credit card required. Nothing to migrate.

Feature detail