← All guides

The Vegan Society's Only Product Is the Fix for the One Problem With Being Vegan

The Vegan Society has spent decades warning that a vegan diet has one real weak point: B12. VEG 1 is the supplement the charity built to close that gap, and it's the only thing sold on an otherwise 3,623-page advocacy site. The rest of the site keeps doing what it does well; Shopify quietly handles the money.

The Vegan Society coined the word “vegan” in 1944, and its nutrition resources have spent decades saying the same thing on repeat: a vegan diet has one real weak point. B12 doesn’t survive in plant food (not even unwashed, organically grown plant food), and iodine and vitamin D aren’t far behind. In 2005 the charity built VEG 1, a chewable multivitamin, specifically to close that gap. It is, today, the only thing sold anywhere on the charity’s website. The site otherwise runs to news, blogs, a podcast, dietitian-written nutrition resources, policy reports, a researcher network, and the Vegan Trademark directory that certifies other companies’ products. The site has 3,623 pages. Eleven of them sit in the shop section.

An organisation that’s spent eighty years making an argument sells exactly one product, and the product is the argument’s own punchline. The buy button is what the mission looks like when you can check out.

It also settles a question a lot of organisations get backwards. Nobody is going to move 3,623 pages of nutrition science, policy reports, and podcast episodes onto a shopping platform just to sell one multivitamin. And no charity should be building card payments and stock tracking into its own website either. So the site does neither. The rest of the site keeps doing what it already does well, Shopify quietly handles the money, and the buy button is the one small spot where the two meet.

The VEG 1 Vegan Supplements category page: an intro paragraph about VEG 1, then content tiles headed VEG 1 (Pre-order) with orange and purple pouches and Baby and Toddler with a bottle and strawberries, a third tile of VEG 1 tins below, and a teal shop menu and two blog cards in the right sidebar
Even the shop section reads like the rest of the charity’s site: ordinary Drupal content, not a storefront. There’s no product grid here, because there’s only one product.

VEG 1 is currently on pre-order for a run shipping at the end of September, and exactly one page on the whole site has a buy button on it. That page is not handed over to commerce. It arrives with its own photography, product copy, ingredient accordions, delivery terms, and a phone number for the sales team. That’s the same editorial machinery that runs every other page on the site. Buy Button Plus renders four things off to the side.

Hover, tap, or focus to see the boundary. Everything the app renders is on the right: a title, a variant dropdown, a price, and a button. The case for VEG 1 was already made on the left, and it isn’t the app’s job to remake it.

Most product embeds try to be the whole product page: a photo, a description, a card, a shadow, a button in someone else’s blue. That’s because most merchants are asking the app to sell for them. The Vegan Society isn’t. The persuasion already happened: in the nutrition FAQs, in the podcast, in eighty years of telling people why B12 matters. By the time a reader lands on this page, the argument is already made and all that’s left is checkout. So the image is switched off, because the page’s own photo carousel already shows the product. The description is switched off too, because the description is already there, written in the charity’s own voice, not the app’s.

Below the teal Pre-order Now button: a Product Details section with a pre-order dispatch notice, two paragraphs about VEG 1, and collapsed accordions for Nutritional info, Directions, Ingredients and Storage, with a Contact us block below
Everything below the button is Drupal, and it’s where the actual argument lives: nutritional info, directions, ingredients. The app was never going to out-argue the page it sits on, so it doesn’t try.

What survives in the app is only the transaction: the title, a variant dropdown covering all four combinations of flavour and count (orange and blackcurrant, 90 tablets and 180), the price at £11.99 GBP with the currency shown, and the button. Between the price and the button sits a Preorder option: the page takes money now for stock that ships in September, and the button reads “Pre-order Now” instead of “Add to cart” because that’s just text someone typed into a field, not something anyone had to build.

Even the colours defer to the site instead of announcing the app. The button matches the exact teal used by the “Join” and “Members’ Area” buttons at the top of every page, and the checkout button on the cart turns the same orange as the site’s “Donate” button when you hover over it. There’s no shadow and no card around anything, and the title uses the same plain typeface as the rest of the page, lined up the same way. The design work didn’t go into making the product look good. It went into making sure nobody notices where the charity’s own website ends and Shopify begins.

The buy button sits on one page, but the cart follows the reader across all 3,623 pages: the homepage, the vitamin B12 resource, the policy reports. Someone who adds VEG 1 to their cart while reading about supplementation still has it waiting for them at checkout, which hands off to Shopify without ever leaving the tab. That handoff is the whole trade. A charity that’s been publishing on this site since long before it sold anything didn’t build a store, didn’t move to Shopify, and didn’t hand a page over to an app to sell on its behalf. It kept the tool that runs 3,623 pages of publishing, and borrowed the one that knows how to take £11.99 safely. It gave the app exactly one job — take the order — on the one page where, after eighty years of saying why, that’s all that’s left to do.

Want to sell something on a site that isn't a shop?

Add to Shopify — Free

Free Starter plan. Custom CSS is available on Pro.

Frequently asked questions

Can I add Shopify products to a site that isn't a shop?
Yes, and you don’t need a store section or a product catalogue to do it. The embed is something you paste onto a single page, and it renders one product or a whole collection right there. The Vegan Society runs a 3,600-page advocacy site and sells exactly one thing, on exactly one page.
Can I hide the product image and description in a Shopify buy button?
Yes. Image, description, title, price, and currency label can each be switched off separately. Turn off anything your own page already covers. The Vegan Society hides the image and the description, because their own photo carousel and their own writing already cover both.
Can I sell pre-orders through a buy button?
Yes. Set the product up as a pre-order in Shopify the normal way, and the embed shows it automatically alongside the variant choice. On the VEG 1 page it shows as a “Preorder” option under the price, and the button reads “Pre-order Now” because the button’s text is just something you type in.
Can I change the Add to cart button's text and colour?
Yes, entirely through settings, with no code required. Text, background colour, text colour, width, and height are all just fields and sliders. The Vegan Society matched theirs to the same teal used by the “Join” and “Members’ Area” buttons already on their site.
Does Buy Button Plus work on Drupal?
Yes. The embed works anywhere you can paste a small piece of it, including a Drupal field, block, or template. The Vegan Society’s editorial team just fills in a normal form on their end, and the buy button shows up wherever that field is placed.
Do I have to move my site to Shopify to sell on it?
No. Your products, inventory, orders, and checkout all stay in Shopify, and your site stays exactly where it is. See How to Sell Shopify Products on Your WordPress Site Without Rebuilding Anything for the same approach on WordPress.