Install Tapita for Vue Storefront

Install Tapita for Vue Storefront


From your Vue project folder, install vuera to use ReactJS in Vue

  1. yarn add vuera

Install Tapita Page Builder module

  1. npm install --save simi-pagebuilder-react

Install React

  1. npm install --save react react-dom

Then run this command

  1. yarn install

Now we will override some files. From your project folder, run these commands
  1. git clone https://github.com/TapitaCommerce/spb_vue.git builder_pages
  2. cp -Rf ./builder_pages/pages/ ./pages

Go to your Tapita Dashboard > Integration and copy the Integration Token. Then, replace the Integration Token value at these files:

./pages/PageBuilderWrapper.js

and

./pages/RegularPage.js

Then, run this command

  1. yarn dev

In your Magento backend, go to System > Extensions > Integrations.
Click Add New Integration.

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



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:



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

  1. URL: the base URL of your Magento website
  2. Token: the Access Token that you can get in the previous step
Finally, go to Integration tab and click Generate Token.
Then, replace the Integration Token value at these files:

./pages/PageBuilderWrapper.js

and

./pages/RegularPage.js

Then, run this command
  1. yarn dev
Now you can start building your pages!

    • Related Articles

    • Install Tapita for Shopify Hydrogen

      Integrate Hydrogen frontend Requirements: Node v14+ Yarn Create Shopify private app to get Storefront access token Step 1: Log in to your Shopify store and navigate to the Apps section. Step 2: Take yourself to the bottom of the page and click on ...

    • Install Tapita for ScandiPWA

      Download Tapita Page Builder extension for ScandiPWA v5:  https://marketplace.scandipwa.com/tapita-page-builder-scandipwa-v5.html Then follow these steps to install: ...

    • Install Tapita for Magento PWA Studio

      Integrate PWA Studio frontend Clone Tapita PWA Studio repo Scenario 1: If you use @magento/create-pwa package From the root directory of your PWA Studio project, clone the repository: git clone ...

    • Install SimiCart Mobile App Connector

      After purchasing SimiCart mobile app and logging into your account, click App Management to go to your Dashboard. To get started, on the navigation bar, click on Integration. The Connector needs to be installed in the Magento backend to sync your app ...

    • Install PWA Connector (free version)

      PWA only works on HTTPS sites. Download PWA Connector from GitHub: https://github.com/Simicart/pwacommerceformagento2 Extract the downloaded package Use an FTP client (such as FileZilla) to upload the extracted files to Magento root folder on your ...