Video Instruction
As a prerequisite, you should have watched our video on customising the At last quick start button and have a ready script that you can copy from our dashboard.
Step 1: Start by clicking on the configurations tab and then select your store.
Step 2: Next, click on the branding tab and scroll down to the launch button section.
Step 3: Copy your first script
We will now proceed to add the script to your website on Shopify. This process is split into two steps. The first step is to add the script to your website head and the second step is to add the AtLast button tag to the page on your website where you want the button to appear. This could be a footer section or a friendly returns policy section. Start by copying your first script.
Step 4: Shopify dashboard
On your Shopify dashboard, find the sales channel.
Step 5: Online Store
Click on the 'Online Store' button.
Step 6: Themes
Next, click on 'Themes'.
Step 7: Edit code
Access the edit code option by selecting the three dots and locating the 'edit code' option.
Step 8: Theme Liquid and paste first script under head
Then, locate 'theme.liquid' under the layout folder. Copy the first script under the head section and click 'Save'.
Step 9: Copy second script
As an example, we will now show you how to add the button onto your footer. Return to the AtLast dashboard and copy the second script.
Step 10: Footer Liquid and paste second script under body
Back on the Shopify dashboard, locate 'section footer liquid'. Add the script to the desired area in the footer section then click 'Save'.
Lastly, verify the changes by checking the appearance and positioning of the button on your website. The button will be customized according to the previously configured color, icon, and height and width specifications. Use this guide to continue to adjust the button as needed to perfectly represent your brand.
If you have any further questions on embedding your Launch button you can send us a message on the At Last dashboard.