How to Add Chargebee to a Divi Pricing Table

Alex Hooley headshot

Alex Hooley

11th December 2019 · 1 min read

Add Chargebee to Divi Pricing Table

Sample jQuery attr() method to add plan ID to pricing table buttons:

jQuery(document).ready(function() {
  // Add Chargebee checkout data type and create undefined button URL on all Divi pricing table buttons
  jQuery(".et_pb_pricing_table_button").attr({
    "data-cb-type": "checkout",
    href: "javascript:void(0)"
  });

  // Add Chargebee plan ID to first pricing table button
  jQuery(".et_pb_pricing_table_0 .et_pb_pricing_table_button").attr(
    "data-cb-plan-id",
    "my-chargebee-plan-id---1"
  );

  // Add Chargebee plan ID to second pricing table button
  jQuery(".et_pb_pricing_table_1 .et_pb_pricing_table_button").attr(
    "data-cb-plan-id",
    "my-chargebee-plan-id---2"
  );
});

More info

Add Chargebee portal link as a WordPress menu item
.attr() | jQuery API Documentation
Freelance Divi developer

Recent Posts

Need Divi Help?

Get in touch…

I work on all kinds of Divi sites, improve Divi loading speeds & build custom Divi modules. If you need to hire Divi help then get in touch!

Hire Divi Help