How to Use Your Theme's Header and Footer with CheckoutWC
- The typical site header includes lot of links, menus, and other things that can be distracting and lower conversions. We designed the checkout page to feel like a separate area of the site, intended for some thing: purchasing
- Loading the theme header and footer requires loading theme styles, which increases the risk of conflicts.
Using Your Theme's Header and Footer
Option 1) Elementor Pro
If you're an Elementor Pro user, you're in luck! Simple head to Settings > Integrations and click the checkbox next to 'Enable Elementor Pro support.'
Option 2) Custom coding
- Use action hooks
- Create a custom template
We recommend using the action hook strategy wherever possible.
For instance, to add a custom header you could do something like this:
That will add a custom header with styling, as well as hide the default header.
If you would like to do something more custom, you can try your hand at creating a custom template. However we really recommend you do this as a last resort. Maintaining a custom template will require a lot more time in the long run than using action hooks and you should be able to do anything you need to do with action hooks.