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.

  1. Open up your project in Plasmic Studio
  2. Click “Insert…” (keyboard shortcut: Q)
  3. Click “Add component packages”
  4. Find and click the integration to install
  5. 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.

We're working on adding more 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:

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:

API

Got an API? We can access it.

  • HTTP API
  • GraphQL API
Dynamic values

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.

Was this page helpful?

Give feedback on this page