This guide will help Shopify merchants customize their OTP login portal on the Page View. By following these steps, you can modify the appearance, functionality, and login options according to your brand’s preferences.
Steps to Customize Page View
1. Access the Widget Customization Settings
Go to your Shopify Admin Panel.
Click on the Apps section.
Select Lucent ‑ OTP Login & Notify.
Navigate to the Settings section.
Click on Widget Customization.
2. Modify the Page View
In the Page View section, click on the Customize button.
From here, you can customize different aspects of the OTP widget.
Customization Options
-> Page Content Customization
Modify the Login Title and Subtitle.
Edit the Phone, Email, and WhatsApp placeholders.
Change any other visible text elements.
-> Theme Customization
Adjust the Button Text Color.
Change the Button Background Color.
Upload or change the Logo Image.
-> General Settings Customization
Select the login methods available for customers (Phone, Email, WhatsApp) by enabling/disabling checkboxes.
Define marketing preferences by enabling options like SMS, Email, or WhatsApp marketing messages.
Enable or disable international OTP login to allow users from different countries to log in. If international OTP is not enabled, you can request support from the General Settings section.
Preview Screen Changes
Before finalizing your customization, you can preview how the changes will look on different screens:
OTP Login Screen – How customers enter their mobile number.
Verify OTP Screen – The screen where users enter their OTP code.
Update Account Details Screen – The final confirmation screen.
To switch between these views, use the Screen OTP Login dropdown menu.
By following these steps, you can efficiently customize your OTP login portal to align with your store’s branding and improve user experience.
For any issues with setup or customization, feel free to reach out to our support team at fd-ticket@lucentinnovation.com.