.svg)
Interested in learning how to use the Accordion with Background Color module?
When you download the Accordion with Background Color module from the HubSpot Asset Marketplace, you are now ready to begin adding the module to your theme. This module is ready to go, out-of-the-box. From your portal homepage, begin by going into either Website Pages, Landing Pages, or Blog. At the top of the page, click 'Create' to begin building a page.
You can also select an existing page that has drag and drop capabilities to use this new module on your pages.
When trying to add this module to your page, you should see a content editor on the left side of the page. There should be three tabs, 'Contents', 'Add', and 'Design'. On the 'Add' tab, search for 'Accordion with Background Color', and drag and drop this module to the desired position on your page. This will likely like in the 'All Modules' section of your editor, as it's not a module that is a part of your theme. This could make the module feel like it's hidden out of the theme initially, but it will be compatible with the HubSpot drag and drop editor.
From there, add your desired content using the content tab of the module. Furthermore, style your module using the various options (Text, Background Color, Layout, etc) found within the module's style settings. From there, update your module to make sure the settings save.
You can preview your page by clicking the preview link in the upper-righthand corner of the page. Once satisfied, you can update your page with the new module to be shown on the live page!
If you have further questions, please submit a support ticket here on the 'Support' tab or reach out to our team at support@webcanopystudio.com