Data integrations
Plasmic can integrate directly with your data sources, letting you go beyond static websites to rich, dynamic web applications.
Here’s an example of adding Shopify data to a Plasmic project:
Overview
Plasmic provides many built-in data integrations. You can use them like any other component, though you’ll need to install and configure them first.
- Open up your project in Plasmic Studio
- Click “Insert…” (keyboard shortcut: Q)
- Click “Add component packages”
- Find and click the integration to install
- Configure the integration in the “Project Settings” left sidebar tab
Now you can start building! Try inserting a component from the integration you just installed and configuring its data fetching options.
Each integration is a bit different. Below is a catalog of our data integrations and links to their documentation and tutorials.
Ecommerce
Plasmic ecommerce integrations let you build your online store with the power of Plasmic Studio.
Plasmic supports the following built-in integrations:
- Shopify (YouTube tutorial)
- Swell (YouTube tutorial)
- Saleor
To learn more, read our documentation on ecommerce integrations.
CMS
Plasmic can integrate with any modern content management system (CMS). This empowers you to manage your structured records of data (e.g. blog posts, product reviews) in the system of your choice, while leaving visual needs to Plasmic.
Plasmic supports the following built-in integrations:
- Plasmic CMS, our in-house solution (YouTube tutorial)
- Airtable
- Contentful
- Contentstack
- Hygraph, formerly GraphCMS (YouTube tutorial)
- Sanity (YouTube tutorial)
- Strapi (YouTube tutorial)
- Wordpress
API
Got an API? We can access it.
- HTTP API
- GraphQL API
You’ll need to be familiar with dynamic values to use API integrations.
Need something else?
If the built-in data sources don’t work for your use case, let us know on our Slack Community.
If you would like us to prioritize building integrations, please get in touch with our enterprise team.
If you are a developer, you can always provide your own data by writing your own data-fetching code component. If your code component is generally useful, please consider contributing it to the component store by submitting a pull request to our open-source GitHub project.