Important: This template requires Bricks Builder v2.0.1 or higher. Please make sure your theme is updated before continuing.

Before using this template, please deactivate any checkout-related plugins to prevent potential conflicts.

1. Install Required Plugins

1. In your WordPress dashboard, go to Plugins → Add New.
2. Install and activate the following:
– WooCommerce
– WooCommerce PayPal Payments (Optional, but works with the default layout)
– WooCommerce Stripe Gateway (Optional, but works with the default layout)

2. Configure Bricks Builder Settings

Step 1: Enable Code Execution

1. Go to Bricks → Settings → Custom Code
2. Scroll to the Code Execution section
3. Enable the checkbox: Enable Code Execution
4. Under User Roles Allowed to Execute Code, make sure Administrator is toggled ON
5. Click Save Settings

Note: Only users with the enabled role (e.g., Administrator) can execute custom code in Bricks.

Step 2: Enable WooCommerce Elements

1. Go to Bricks → Settings → WooCommerce
2. Enable: Bricks WooCommerce “Checkout coupon” element
3. Click Save Settings

3. Create the Checkout Page

  1. Go to Pages → Add New.
  2. Name it “Checkout” (or something appropriate)
  3. Edit the Checkout page in Bricks
  4. Paste the shortcode: [ woocommerce_checkout ] (remove the space) in the page
  5. Save the page

4. Configure Checkout Page

  1. Go to WooCommerce → Settings → Advanced
  2. Under “Page setup”, set your Checkout page as the official WooCommerce Checkout page
  3. Save the changes