Blocks Code Snippets

Here are some useful short code snippets that you can use in any type of Blocks app. Copy, adapt the names to your app and make things work!

Get Billing information

Get billing information for an app instance on a site. For example, the package name, information about the free trial, and more.

Learn more about pricing in Blocks.

Backend

Add this code to a web.js file:

Frontend

Import the function in your fronted code:

Get widget properties in a panel

Use a custom panel to get the widget API properties.

Learn more about connecting panel elements to properties:

• Using code
• With no code

Set widget properties in a panel

Use a custom panel to set the widget API properties.

Learn more about connecting panel elements to properties:

• Using code
• With no code

Open a dashboard page from a panel

Create a link in a custom panel that opens the app dashboard page.

Backend:

Frontend:

Learn more about opening a dashboard page from a panel:

• Using code
• With no code

Create an upgrade link in a panel

Create a link in a custom panel that opens the app's plan picker.

Backend:

Frontend:

Learn more about:

• Providing entry points to upgrade your app
• Creating an upgrade button with no code

Access inner-widget properties from a panel

Get and set properties of a nested widget from a panel in the outer widget. Learn more

Expand and collapse panel elements

Expand and collapse elements in a custom panel. Learn more

Query data from a CMS database collection

Use the SDK's data module to query collections in your app.

Learn more about managing collections in Blocks:

• Using code
• With no code