Skip to main content

Connecting External Apps (Apps Integration)

Studio.Design lets you connect external apps on paid plan projects. Here's an overview of available apps and how to set them up.

Projects on a paid plan (Mini or above) can use a variety of external apps in combination. You can configure these integrations from the [Apps] menu in your dashboard.

Note: Configuration and behavior of external services may not be covered by our chat support. Please consider searching for examples or posting questions in the Studio Community.

Types of App Integrations

The Apps page is split into [Connected] and [Not connected].

Services you have already set up appear under [Connected], and the rest appear under [Not connected].

If nothing falls under [Connected], the list appears as a single group without these headings.

When you connect or disconnect a service, its card moves to the other group.

The Apps page split into [Connected] and [Not connected]

The following services are available.

Service

What it does

Measure and report website traffic

Manage tags for various tools in one place

Check and optimize your site's search performance

Protect your website from fraud and abuse

Add a pixel for Meta ads to your website

Monitor your website traffic with HubSpot

Add live chat to your website

Turn website visitors into fans with chat

Add an accommodation booking system

Display banner on your site

Tip: Fetch external data via API

With the Data Connect API feature, you can pull data from external REST APIs and display it as content in dynamic lists and dynamic pages.

Data Connect API is available on the Business plan or above. The number of available endpoints and features varies by plan.


How to Set Up Apps (General Steps)

  1. Open your project's dashboard.

  2. Click [Apps] in the left menu.

  3. Click [+] on the right edge of the card for the service you want to connect.

  4. Follow the on-screen instructions to enter the required code (such as a tracking ID or API key), then click [Save].

For detailed setup instructions and notes for each service, please refer to the corresponding help article.


How to Disconnect an App

  1. Open the [Home] dashboard of the project you want to change.

  2. Select [Apps] from the left menu.

  3. Under [Connected], click [...] on the right edge of the card for the service you want to disconnect, then select [Disconnect].

  4. When you disconnect, the values are removed not only from the records in the database connected via the app integration, but also from the HTML of the published site.

The Apps page with the [...] button highlighted on a card under [Connected]


Using External Services on a Free Plan

You can use an Embed Box to embed external web services — like Google Maps, formrun, and SlideShare — directly into your published site.

Note: Custom code you write yourself, as well as the content and behavior of code provided by external services, may not be covered by our chat support.

GTA GA Google Tag Manager Google Search Console Google reCAPTCHA HubSpot searchconsole search console Gemini ChatGPT OAuth2.0 OAuth 2.0

Did this answer your question?