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
Hire a Divi developer

Get in touch…

Need help with your Divi website?

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

Get Divi Help