Devpiq
Developer & Merchant Documentation

Getting Started with Devpiq

Complete technical guide for connecting Tebex, configuring schemas, and deploying your webstore.

1. Connecting Tebex Headless API

Tebex provides a dedicated Headless API allowing third-party applications to retrieve catalog data and create customer checkout baskets. To integrate:

  1. Log in to your Tebex Creator Panel.
  2. Navigate to Developers > Headless API.
  3. Copy your Webstore Public Token.
  4. In Devpiq, go to Tebex Integration and enter your public token.
  5. Click Validate & Test Connection.

Security Note: The Headless API token is a public identifier designed for frontend catalog reads. Do not enter private API secret keys in client forms.

2. Customizing Sections & Themes

Every page in Devpiq is stored as a versioned JSON schema adhering to our typed block definitions:

{ "version": "1.0.0", "sections": [ { "id": "sec-1", "type": "announcement", "isVisible": true, "properties": { ... } }, { "id": "sec-2", "type": "hero", "isVisible": true, "properties": { ... } }, { "id": "sec-3", "type": "package_grid", "isVisible": true, "properties": { ... } } ] }

You can add, reorder, hide, and duplicate sections via the Studio Layers panel on the left.

3. Custom Domain & DNS Setup

To route your own domain to your storefront:

  • Add your domain in Dashboard > Custom Domains (e.g. store.mydomain.com).
  • Create a CNAME Record pointing your hostname to domains.devpiq.com.
  • Click Verify DNS. Our system requests and installs an automated edge SSL certificate automatically.