Oxygen Builder is renowned for its lightweight, clean-code architecture. When designing custom WooCommerce single product layouts with Oxygen, you can easily integrate ReviewX inside Oxygen’s Tabs component using a standard Shortcode or Code Block element.

Thank you for reading this post, don't forget to subscribe!

This guide explains how to add and configure a dedicated ReviewX reviews tab inside Oxygen Builder.

---

Step 1: Open Your Oxygen Product Template

1. In your WordPress admin dashboard, navigate to Oxygen → Templates.
2. Edit your Single Product template (or create a new template with the condition Singular → Products).
3. Click Edit with Oxygen to open the builder interface.

---

Step 2: Add an Oxygen Tabs Component

1. Click + Add → Composite → Tabs (or search for Tabs in Oxygen’s element panel).
2. Select the tab content area designated for customer feedback.
3. Inside that tab content container, add a Shortcode element (or a Code Block element).
4. Enter the ReviewX shortcode:

   [rvx-woo-reviews]

5. Note: Oxygen’s dynamic context ensures ReviewX automatically detects the single product being viewed without requiring a static product_id.

Figure 1: Live single product preview with ReviewX reviews organized inside a tabbed container.

---

Step 3: Styling the Tabs in Oxygen

• Tab Headers: Adjust padding, active border color, and typography using Oxygen’s visual properties panel.
• Content Container: Set minimum padding (e.g. 24px) around the shortcode wrapper to ensure clean separation from tab borders.

---

Step 4: Save & Test Frontend Rendering

1. Click Save in Oxygen Builder.
2. Visit an active product page on your storefront.
3. Click on the Reviews tab to confirm that the ReviewX star summary, criteria breakdown, and submission form render cleanly.