Shopify, via Marketing Tools, offers store owners practical solutions such as Email, Forms, Automations, Segmentation, and Inbox based on various needs. This enables essential functionalities for a store to be easily and practically utilized.
What differentiates these solutions from other offerings in the app marketplace is their integration within the Shopify environment. It’s also worth noting that these solutions do not provide the same breadth of features as other solutions available in the app marketplace.
In this article, I will primarily focus on Forms.
Shopify Forms
Launched at the end of 2022, Shopify Forms operates directly integrated with Shopify, as mentioned in the previous paragraph. It is a free, customizable email capture application that seamlessly works with Shopify’s remaining tools—such as email, marketing automation, segmentation, and more1 2.
The application allows you to easily collect customers’ names and email addresses by offering promotions and discounts, while securely maintaining customer data and automatically tracking marketing emails at the right time—without requiring any design or coding experience for customization3.
Below, I’ve highlighted a few standout features of Shopify Forms.
A teaser may be displayed to customers at the relevant stage of their shopping journey, before or upon form submission, without requiring them to visit the journey section, and only if the form is not yet submitted or closed. A teaser comes with default text, but can always be customized or enhanced with an emoji to maximize engagement.
Discounts
Discounts are one of the most tested and effective methods for persuading customers to subscribe to your email list. For this reason, Shopify Forms simplifies the process of adding discount offers to forms.
You can select an existing discount from Shopify’s available options or create a new one, and during form editing, see all settings clearly. The form automatically updates the default teaser text, form header, subscribe button, and confirmation message.
The discount feature can securely connect to the discount accounts within Shopify. As a result, when a shop user identifies a new customer, the discount is automatically saved to their account and verified through identity confirmation with the shop. Even if a customer leaves your store and returns later, the discount applied during checkout will be automatically applied at the time of payment.
When a customer submits a form, there’s no need for them to leave the page to receive a discount code — the discount code is directly displayed on the page in the confirmation message.
const formEmbed = document.querySelector('form-embed');
const shadow = formEmbed.shadowRoot;
if (shadow) {
const form = shadow.querySelector('form');
if (form) {
form.addEventListener('submit', function(frm){
if(frm.type == 'submit'){
window.dataLayer = window.dataLayer || [];
dataLayer.push({
event: 'shopify-forms-submitted'
});
}
});
// console.log('Form found:', form);
} else {
// console.error('No form found inside shadow DOM');
}
} else {
// console.error('Shadow DOM not accessible for form-embed');
}Additionally, you can access various Shopify Form-related information (forms_visit_count, forms_previous_session_id) via localStorage and use the code snippets below within the aforementioned code:
const formsVisitCount = localStorage.getItem('forms_visit_count');
console.log('Value of forms_visit_count in localStorage:', formsVisit_count);const formsVisitCount = localStorage.getItem('forms_previous_session_id');
console.log('Value of forms_previous_session_id in localStorage:', formsVisitCount);Although Shopify Forms do not appear to have a significant impact on user satisfaction or engagement, they may be improved over time based on user feedback. Furthermore, I believe providing various event types (such as display, submission, etc.) within the Customer Events context would also add significant value.