Contact Section to Every Product Page

Description

adding custom contact section to every product page without edit each product manually
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. First add a page in Not Linked with Name/URL (to host custom contact section)

Name: anything what you want
URL: /pdp-contact-section

#1.2. Design your desired layout

#1.3. Click Gear icon on Store Page

Next, click Advanced > Page Header Code Injection

#1.4. Add this code to right box

<!-- 07.26c18v1 Contact Section to Every Product Page -->
<script>
window.PdpContactSectionConfig = {
  source: "/pdp-contact-section",
  target: "section.region:nth-child(1)",
  position: "after",
  wrapperClass: "pdp-contact-extra",
  sectionMinHeight: "unset",
  sectionBackgroundColor: "",
  skipInEditMode: true,
  maxWait: 10000,
  pollInterval: 200
};
</script>
<script src="https://code.beaverhero.com/store/0726c18v1contactsectionpdp.js"></script>

#2. Customize

nothing now