Tutorial Guide: How to Use the Shopy Favicon Guide Effectively
Shopy Favicon makes it easy to add a custom favicon to your Shopify checkout page, giving your store a professional, polished look that builds trust and improves recognition.
Follow this step-by-step guide to upload, activate, and manage your favicon using the Shopy Favicon app.
Step 1. Access the App Dashboard
- Navigate to the Shopify Admin Panel for the test store:
https://admin.shopify.com/store/shopy-geo-checkout/ - Open the Shopy Favicon app from the installed apps list.
- Or use this direct link:
https://admin.shopify.com/store/shopy-geo-checkout/apps/add-shopy-checkout-favicon
Step 2: Access the Shopy Favicon App
- From the left-hand menu, click on “Apps.”
- Locate Shopy Favicon in your installed apps list.
- Click on it to open the favicon settings panel.
Step 3. View Checkout Previews
Inside the app, you’ll see a list of all available checkout profiles.
Step 4: Upload Your Custom Favicon
On the Shopy Favicon dashboard, you’ll see an option labeled “Upload Favicon” or similar.
- Click “Upload” to browse your computer for the favicon file.
- Recommended formats: .png, .ico
- Recommended size: 32×32 pixels (square format)
- Select your file and upload it.
- A preview of your favicon will appear on-screen.
Tip: Make sure the image is simple, clear, and reflects your brand (e.g., your logo or icon).
Step 5: Enable Favicon for Checkout
- Once your favicon is uploaded, locate the option “Enable Favicon on Checkout.”
- Turn the toggle ON to activate your new favicon on the checkout page.
- This will ensure that your custom icon appears during the final step of a customer’s purchase.
Step 6: Save and Apply Changes
- Click the “Save” or “Apply Changes” button.
- Wait for confirmation that your favicon has been successfully updated.
Step 7: Preview the Checkout Experience
- Go to your store’s live checkout page.
- Look at the browser tab—you should now see your new favicon in place.
- This confirms the setup was successful.
Step 8. Go to the Storefront (Front-End)
- Open the test storefront URL (provided).
https://shopy-geo-checkout.myshopify.com/shopy-geo-checkout - Proceed to checkout.
- Confirm now that the favicon will be there.
Step 9. Verify Results
Check that favicon behavior aligns with expectations:
- The correct favicon shows per checkout profile
- No unintended profile favicon appears.