惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
U
Unit 42
GbyAI
GbyAI
M
MIT News - Artificial intelligence
美团技术团队
罗磊的独立博客
雷峰网
雷峰网
量子位
博客园 - 【当耐特】
Last Week in AI
Last Week in AI
D
Docker
小众软件
小众软件
S
SegmentFault 最新的问题
Blog — PlanetScale
Blog — PlanetScale
阮一峰的网络日志
阮一峰的网络日志
宝玉的分享
宝玉的分享
T
Tailwind CSS Blog
WordPress大学
WordPress大学
V
V2EX
博客园_首页
腾讯CDC
The Cloudflare Blog
A
About on SuperTechFans
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC

CloudCannon Blog

Building with AI: Git-based vs headless vs traditional CMS CloudCannon + Astro: performance meets powerful content management Introducing the Astro Component Starter Introducing Jetstream — built on the Astro Component Starter Why we switched to the system font stack Redesigning CloudCannon’s docs with Diátaxis, Lume, and Pagefind Make content editing more visual: upgraded Editable Regions How Configuration Mode makes building editing interfaces easy Your hosting just got an upgrade (and a price cut) Custom testing domains for professional branding Keep your content consistent with input validation Managing multilingual content in CloudCannon Simplify team publishing with conflict resolution and domain tools Open Beta: Publishing Conflict Resolution Getting started with CloudCannon and Astro: Bookshop, components, and live editing Welcome to the CloudCannon Community! Omnichannel delivery is just marketing spin from API-based CMS companies Getting started with CloudCannon and Astro: Snippets and Collections Managing digital assets in CloudCannon: a guide to smart asset storage Understanding CloudCannon's branching workflows and Projects: a complete guide What is a static website? CloudCannon’s 2024 wrapped Getting started with CloudCannon and Astro: WYSIWYG blogging Jamstack vs. WordPress: reasons to make the change The top five static site generators for 2025 (and when to use them!) Free Jekyll themes for 2025: ten great community options Eleventy (11ty) vs. Hugo How to set up WYSIWYG editing with MkDocs Material The rise of static-first websites: why major brands are making the switch Watching your Core Web Vitals on Jamstack
Build e-commerce sites on CloudCannon with Snipcart
2014-07-30 · via CloudCannon Blog

We believe the approach we’ve taken with CloudCannon CMS is the right way to remove the technical junk that web designers shouldn't have to deal with when adding content management to their website, but we’ve struggled to find anyone who has the same philosophy when it comes to e-commerce. Until now.

Behold:

Snipcart logo

Snipcart is the solution we’ve been waiting for! And now we reckon e-commerce on CloudCannon is going to be awesome!

What is Snipcart? Direct link to this section

The team at Snipcart have created some JavaScript magic so that with a single line of script and a few lines of markup you can make any link on your HTML website buyable.

<script type="text/javascript"
id="snipcart"
src="https://app.snipcart.com/scripts/snipcart.js"
data-api-key="{YOUR_API_KEY}">

</script>

<button class="snipcart-add-item"
data-item-id="42"
data-item-name="Shoes"
data-item-price="10.00"
data-item-url="/store">

Buy Shoes
</button>

Find further details in their documentation.

I'm far from a great web designer myself, but even I managed to knock a Snipcart website together on CloudCannon in an afternoon. 

Why Snipcart is going to be awesome on CloudCannon Direct link to this section

The ability to sell things from your website, without databases, programming languages or unnecessary hassle is core to the Snipcart philosophy, and we’re excited at CloudCannon because we believe the same thing too.

We also think Snipcart rocks because it works everywhere. Just like us.

Snipcart hooks into five payment gateways - with more on the way they tell us - but all we reckon you need to know is that between Stripe (easy, powerful, sexy, BUT not global yet) and PayPal (not so easy, not so powerful, not so sexy, BUT global already) you’ve got your options covered.

Excellent… But how? Direct link to this section

François over at Snipcart has just released an excellent tutorial on setting up Snipcart on CloudCannon.

Side notes:

  • The Snipcart guys called us out for not having any e-commerce template. Touche. We’ll get at least one out soon.

  • Do tell us if you love using Snipcart on CloudCannon so we can put extra effort into working together on a much simpler integration.

Get designing, and get selling!