Seamlessly connect your Magento store to Voyage's powerful SMS marketing capabilities. Segment, personalize, and convert like you never have before with a Voyage / Magento integration!
While we are in the process of finishing an App for the Magento store, you can complete a few simple steps to connect your Magento storefront to Voyage and complete the integration. You will create an API connection for Voyage & install a simple plug-in. Follow along in this article to learn how. Some steps will require a developer resource.
- Create Voyage API integration in Magento
- Connect Voyage & Magento
- Install Voyage Tags
- Global Tag
- Purchase Tag
- Manually install plug-in on Magento storefront
Create Voyage API integration in Magento
After logging into your Magento account, look in the left menu & select System, then Integrations.
Click on Add New Integration.
Name the integration “Voyage” & include your email address. You will also need to validate your identity & re-enter your password on this page. Please ignore Callback URL & Identity link URL on this page.
Click on API in the left submenu. Update the Resource Access dropdown to All. Click Save & Activate.
Magento will now ask you to confirm access to the APIs. Please click Allow. You will now see your integration tokens. Please save these in a safe space. You will need the Access Token in the next step.
Connect Voyage & Magento
Open your Voyage account & navigate to the Integrations section from the left menu. Please click on the Activate button on the Magento card.
Enter your store URL in the Store URL box. Your Store URL is everything before the first / in the URL of your store. For example - our store URL is https://magento.voyagetest.com. Make sure you include the https://.
In the Access Token field, please enter the Access Token that you saved from the last step. Please hit Next. Congrats - you have finished this portion of the integration!
Install Voyage Global Tag
Log into the main admin interface for your Magento instance
Navigate to Content -> Configuration on the left hand site menu
Select Edit under your active site configuration
Go to the HTML Head section and navigate to the Scripts & Style Sheets box. You must paste the Voyage Global Tag in this section. You can find the Voyage Global Tag in the Voyage application by navigating to Settings → Tracking
Save the configuration
Install Voyage Purchase Tag
On the main admin interface of your Magento storefront, please navigate to Content → Blocks
Click Add new Block. Please use the below settings
- Enable Block: Yes
- Title: Voyage Purchase Tag
- Identifier: voyage-purchase-tag
- Store View: All store views
Afterwards, click Edit with Page Builder. Add a Row from the left hand side. Add HTML Code from elements into the row. Hover over the HTML block and select the edit icon.
You must paste the Voyage Purchase Tag in this section. You can find the Voyage Purchase Tag in the Voyage application by navigating to Settings → Tracking. You can now minimize the page builder.
Click Save. You should now see the Voyage Purchase Tag Block on your Blocks page!
Navigate to Content → Widgets
Click on Add Widget
- Type: CMS Static Block
- Theme: Select your current theme
Click continue
- Widget Title: Voyage Purchase Tag
- Assign to Store Views: All Store Views
Click Add Layout Update
- Display on: Specified Page
- Page: One Page Checkout Success
- Container: Page Footer
Click Widget Options in the left menu
- Select Block: Voyage Purchase Tag
Click Save. Congrats! You have finished installing the Voyage Tags on your website!
Manually install plug-in on Magento storefront (Voyage app coming soon!)
- Download the latest version of the Voyage SMS Magento extension (please reach out to your CSM if you do not have the latest version)
- Copy entire VoyageSMS folder into app/code within the Magento root folder
- Run the Magento upgrade command, recompile, deploy and clear cache from /bitnami/magento
sudo php bin/magento setup:upgrade
sudo php bin/magento setup:di:compile
sudo php bin/magento setup:static-content:deploy -f
sudo bin/magento-cli cache:clean
- Restart apache and php-fpm
sudo /opt/bitnami/ctlscript.sh restart apache
sudo /opt/bitnami/ctlscript.sh restart php-fpm
- Configure with Tenant API Key
- Enable All Events
