Articles on: Protection

Install the AfterShip Protection Widget on Your WooCommerce Store

Plans: All plans Platforms: WooCommerce

Overview



In order to install the AfterShip Protection widget on your WooCommerce store, you can contact our expert to install it for you, or you can install it yourself.

If you want our expert to install the widget for you, you can share a WooCommerce account with us, so that we can install it for your store.

What you’ll learn



In this tutorial, we will show you:

Share your WooCommerce account
Install Protection widget in your store
Customer experience

Share your WooCommerce account



To share your account with us, all you have to do is assign us your WooCommerce store and grant us (our representative) the Administrator role.

Go to Users in your WooCommerce store admin
Move to Add new tab and click Add new user
An email notification will be sent to the AfterShip representative to whom you've assigned the administrative rights
We will install the AfterShip Protection widget on your WooCommerce store for you and keep you updated on the same



Install Protection widget in your store



A. Install AfterShip Tracking plugin

Go to Plugins > Add New in your WooCommerce admin
Search AfterShip. Click Activate for the AfterShip Tracking plugin
On the integration page, click Connect now and choose an organization to install this app on
Click Approve to allow AfterShip Tracking access to your WooCommerce store data and you are done



You can manually download the AfterShip Plugin from https://wordpress.org/plugins/aftership-woocommerce-tracking



Go to Plugins > Add New. Upload and install plugin
Click Activate plugin and repeat the steps 3 and 4.



B. Find the WooCommerce checkout page file and insert a script into it

Go to Plugins > Plugin File Editor in your WooCommerce admin
Select WooCommerce for Select plugin to edit



Locate the PHP file of the checkout page (template > checkout > form.checkout-php) where you'd like to add the widget. Typically, this file can be found in /woocommerce/templates/checkout/. Once located, copy and paste the script into the desired location on the page.

<aftership-protection>
        	<script async src="https://widgets.automizely.com/protection/woocommerce/checkout.min.js"></script>
        </aftership-protection>


In the below example screenshot, we have added the widget (code) under the title Your order



Click Update File to save the changes

If the merchant updates the WooCommerce plugin, the AfterShip Protection widget will be removed, and needs to be inserted again.

Customer experience



Here is how it looks like:

Updated on: 09/02/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!