πŸ““

Cargo

Log in Start free trial β†’

Reference

πŸ““Fontdue.jsπŸ““GraphQLπŸ““Demo template

Guides

πŸ““WebflowπŸ““Wordpress + Lay ThemeπŸ““Wordpress + SempliceπŸ““Next.js (App Router)πŸ““Next.js (Pages Router)

Information

πŸ““Full-service website developmentπŸ““Managing your font catalogπŸ““Variable fontsπŸ““Font licensesπŸ““WebfontsπŸ““Cross-origin accessπŸ““Payments with StripeπŸ““TaxπŸ““Test fontsπŸ““Test modeπŸ““Manage your Fontdue subscriptionπŸ““Launching your siteπŸ““TroubleshootingπŸ““Customize the Address fields

Updates

πŸ““What’s newπŸ““Update 001πŸ““Update 002πŸ““Update 003πŸ““Update 004
⚑
Start free trial β†’

Cargo

We started by creating a site with the β€œUntitled” template.

The example site we set up is available here –

https://fontdueexample.cargo.site/

In your Fontdue admin, add your Cargo URL to the Cross-origin access setting, without the trailing slash, e.g. https://fontdueexample.cargo.site

On the Design tab, click Custom HTML and past the Fontdue.js snippet. You may need to add the first two <script> tags and click Save before adding the final script. (Cargo seems to want to disable the latter script until the first one has loaded).

Above those script tags, also include the following to make the cart available on every page.

<fontdue-store-modal></fontdue-store-modal>

To add Fontdue widgets to the page, click on the Content tab, then Untitled page.

At the bottom, in the tool panel, click on Code view and add the following:

<fontdue-buy-button collection-slug="ibm-plex"></fontdue-buy-button>

Replace the ibm-plex with your own collection’s slug.

  • Cargo