Integrate ScandiPWA frontend

Download Tapita Page Builder extension for ScandiPWA v5:

Extract the downloaded extension content into packages/ directory (create one if you don’t have) inside your theme’s root.

Add the extension to the dependencies of your theme in package.json, as follows:

    "dependencies": {
        "scandi-smpagebuilder": "file:packages/scandi-smpagebuilder-v2.1.1"

Enable the extension in your theme’s package.json file by setting it to true:

        "scandipwa": {
            "extensions": {
                "scandi-smpagebuilder": true

Then, run

yarn install

(for yarn users)


npm install

(for npm users)

Synchronize Magento 2 backend

In your Magento backend, go to Stores > Configuration > Services > OAuth. Then, go to Consumer Settings > Allow OAuth Access Tokens to be used as stand-alone Bearer tokens, and set it to Yes.

Then, go to System > Extensions > Integrations.
Click Add New Integration.

magento integrations

Enter a unique name for the integration in the Name field. Then enter your admin password in the Your Password field. Leave all other fields blank.

Click the API tab. Select the Magento resources the integration can access. You can select all resources, or select a custom list with at least those items (and children) selected: Catalog, Marketing, Stores

available apis

Click Save to save your changes and return to the Integrations page.
Click the Activate link in the grid that corresponds to the newly-created integration.
Click Allow. A dialog similar to the following displays:

integration details

Copy the Access Token. Go to your Tapita Dashboard > Synchronization.

tapita synchronization
  • URL: the base URL of your Magento website
  • Token: the Access Token that you can get in the previous step

Go to Integration tab and click Generate Token. Then, copy the generated Integration Token to use in the next steps.

tapita integration token

Open the file src/component/Pagebuilder/Pagebuilder.config.js and change the value at this line to the Integration Token you got in previous step.

export const endPoint = '';
export const integrationToken = 'INTEGRATION_TOKEN';
export const storeCode = ''

In package.json file, change the value at this line into your Magento URL

"proxy": "MAGENTO_URL"
Was this page helpful?