Adding a logo or favicon to the checkout

We understand that carrying your branding throughout the buying process is important. That's why we created the ability to upload your logo or favicon directly so it appears in the checkout for your customers to see. 

Before you start

• This article applies to merchants using the Recharge Checkout on Shopify or the Recharge Checkout on BigCommerce. For merchants using the Shopify Checkout Integration, refer to Shopify's guide on Customizing the style of your checkout. 
• You'll need a logo or favicon if you don't already have one. If you need a logo and you're using Shopify, you can refer to their logo creation tool that is completely free and easy to use. For a favicon, we recommend a square image that is 32x32px.
• If you have 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 the logo or favicon to your eCommerce store

Instructions for Shopify

In your Shopify admin, click Settings and then Files. If you have not yet uploaded your logo or favicon file, click Upload files to do so. Refer to Shopify's documentation on Uploading and managing files for more information.

Instructions for BigCommerce

In your BigCommerce admin, click Storefront and then select Image Manager. If you have not yet uploaded your logo or favicon file, click Upload images... to do so. Refer to BigCommerce's documentation on Using the Image Manager for more information.

Step 2 - Copy the logo or favicon URL

Instructions for Shopify

Once the logo or favicon is uploaded, copy the URL of the file by clicking the link icon under "Link:" 

Instructions for BigCommerce

Once the logo or favicon is uploaded, click the file to open it in a new browser tab. Copy the entire URL in the address bar.

Step 3 - Add the logo or favicon to checkout

In your Recharge admin, click the wrench icon 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 the uploaded logo appear in the upper left-hand corner of the checkout page as shown below, or the favicon will appear next to the URL in your browser’s address bar.

Next steps

Since you're already on the checkout page it's a great time to review all your settings:

• Additional Scripts and Trackers
• Facebook pixel ID
• Customizing the Recharge Checkout
• You can also begin to customize your checkout with CSS and enhance your branding.