Adding a logo or favicon to the checkout
Maintaining consistent store branding throughout the shopping experience is important. Adding your store's logo or favicon to checkout can help maintain a seamless checkout experience.
This guide provides steps for adding a logo or favicon to the Recharge checkout.
- Recharge Checkout on BigCommerce
- Recharge Checkout on Shopify
For merchants using the Shopify Checkout Integration, refer to Shopify's guide on Customizing the style of your checkout.
Before you start
- If you already have a logo or favicon file uploaded to a Content Delivery Network (CDN), you can use the URL of the CDN file and start at Step 3.
Step 1 - Upload your logo or favicon to your ecommerce store
Recharge Checkout on Shopify
Refer to Shopify's documentation on Uploading and managing files for more information.
- Select Content from your Shopify admin navigation, and then click Files from the dropdown menu.
- Click Upload files and upload your file.
Recharge Checkout on BigCommerce
In your BigCommerce admin, click Storefront and select Image Manager. If you have not uploaded your logo or favicon file, click the Upload images... button. Refer to BigCommerce's guide Using the Image Manager for more information.
Step 2 - Copy the logo or favicon URL
Recharge Checkout on Shopify
Click the icon under the link column to copy the URL for your favicon file:
Recharge Checkout on BigCommerce
Once you have uploaded your logo or favicon, click the file to open it in a new browser tab. Copy the URL in the browser's address bar.
Step 3 - Add the logo or favicon to checkout
- From the Recharge merchant portal, click Storefront and select Checkout.
- Paste the CDN URL in the Logo URL field or the Favicon URL field and click Save.
You're done! You'll see your store's logo appear on the checkout page and the favicon will appear next to the URL in your browser’s address bar.