How do I create a custom shopping cart theme? (Legacy Feature)
Reference Number: AA-00543
This is a Legacy Feature.
If you are an existing customer and you are using legacy features that
have overlap with our newer features, there is no immediate need to
switch. While we encourage you to discover our new and enhanced capabilities,
everything you have previously configured operates as before, is fully
supported, and will continue to be supported for at least 1 more year.
Features are older parts of Infusionsoft (e.g. classic web form
builder, template library, follow-up sequences, action sets, etc.) that
have overlapping functionality with many of our newer
features. When we introduce new features that overlap with the
old, our policy is to continue to provide full support and
documentation for the legacy features until we reach a point where the
new features fully outperform the old and most users have opted to
transition. At that point, we initiate a sunset plan that
includes a clear statement of when the legacy feature will no longer be
supported. These timelines will always give remaining users of
the sunsetting feature ample opportunity to transition and usually
won't be less than 6 months long.
The shopping cart theme controls the look and feel of the shopping cart through customizing the design elements (i.e. colors, images, navigation).
Infusionsoft provides seven default shopping cart themes. You can use these themes as a starting point or create a brand new theme that coordinates with your website. You can create one theme to use with all of your websites, or create multiple shopping cart themes. However, you can only have one storefront theme - it will be the one you designate as the "Current Theme." Creating a custom theme requires basic knowledge of CSS and HTML. You can learn to do this yourself or request help from an experienced website administrator.
Note: The images used in the shopping cart must be hosted on a secure server to prevent unsecure interface warnings. You can store them in the Company Image file box within Infusionsoft or store them on your own secure server.
To Create a Custom Shopping Cart Theme:
Go to E-Commerce > E-Commerce Setup in the master nav.
Go to the Store Setup section. Click on Storefront & Cart Themes (under the Legacy Settings) and choose one of these options:
Click on the link (the name of the theme) for one of the default themes to use it as a starting point.
Click on to create a copy of the default theme. Note: This will keep the original theme intact so you can use it as a template again in the future.
Click on OK.
Enter a new name that matches your website(s) / company brand.
(Optional) The cloning process copies all of theme elements by default (e.g. header). Unmark the checkboxes for the elements you do NOT want to copy.
Click on .
the new theme. Note: You can always reset the shopping cart theme to the default by clicking on the Reset button. This will undo all of your custom changes.
Click on to create a new one from scratch.
Enter a Theme Name.
Click on Show additional settings to customize the address layout, merchant account, shopping URLs and more. Return Shopping URL: By default, the Return Shopping button on the shopping cart goes to the Infusionsoft Storefront. If you are building a custom storefront on your own website, you will need to enter the store URL in this field or mark the Hide Continue Shopping button to remove that option from the shopping cart. Thank You URL: This page shows up after the customer verifies their contact information on the order summary screen and clicks on the place order button. Infusionsoft provides a default thank you page. Enter a URL into this field to send customers to your own thank you page. Finished URL: By default, the finish button on the cart thank you page closes the customer's browser. If you want to use the Infusionsoft default thank you page, you can enter a finished URL to take the customer back to your website.
.Edit the theme elements or add new ones.
Stylesheet CSS: This element controls the background, font styles and colors, table styles and colors, link styles, etc. for both the shopping cart and the storefront.
Header & Footer: This element allows you to customize the HTML for the header and footer - adding graphics, navigation, links, etc.
HTML Sections: These elements allow you to insert custom HTML code on the checkout page of the shopping cart and in specific areas of the storefront.
Images: This element displays the icon and button images used in the storefront and shopping cart. Use the default images or click on Edit to upload a custom image from your computer.
Settings: This area controls the checkout page layout, the merchant account used to charge, and link URLs.
the new shopping cart theme.
Click on Live Preview to view the change.
Click on Use This Theme to set it as the default theme.