Task IntentCheckout
Sidekick: Brand Your Checkout Page
Apply your brand identity to the Shopify checkout with custom colors, fonts, logo, and styling for a seamless brand experience.
What This Sidekick Query Does
Apply your brand identity to the Shopify checkout with custom colors, fonts, logo, and styling for a seamless brand experience.
Prompts
Copy, adapt, and run this directly in Shopify Sidekick.
Help me apply my brand identity to the Shopify checkout page:
Store name: [YOUR STORE NAME]
Brand primary color: [HEX CODE]
Brand secondary color: [HEX CODE]
Brand font: [FONT NAME]
Logo file: [LOGO FILENAME OR URL]
Brand style: [DESCRIBE YOUR BRAND AESTHETIC]
Customize the checkout branding as follows:
Logo - Upload and position my store logo in the checkout header. Set the appropriate size (recommend max height of 60px) and ensure it links back to the storefront homepage.
Color scheme - Apply my primary brand color to all buttons, links, and the progress indicator. Use my secondary color for hover states and accents. Set the background to [WHITE / LIGHT GRAY / CUSTOM COLOR] to keep the page clean and readable.
Typography - Change the checkout heading font and body font to match my storefront. If my brand font is not available in Shopify checkout settings, recommend the closest system font alternative.
Form fields - Style form input borders and focus states to use my brand colors. Set a subtle border-radius of [0px / 4px / 8px] to match my store design language.
Buttons - Make the primary action buttons (Continue to shipping, Pay now) prominent with my brand color, white text, and appropriate padding. Secondary buttons should use an outlined style.
Order summary - Style the order summary section to feel like a natural extension of my store. Use consistent spacing, product image rounding, and font sizing.
Footer - Add a minimal branded footer with links to my refund policy, privacy policy, and terms of service. Match the footer styling to my storefront footer.
Favicon - Ensure my store favicon appears in the browser tab during checkout so the brand is consistent throughout.
Give me all the settings to change in Shopify admin under Settings > Checkout > Checkout appearance.Expected Output
Apply your brand identity to the Shopify checkout with custom colors, fonts, logo, and styling for a seamless brand experience.
Tips to Improve Results
Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions