Webflow, WordPress, Shopify & React Integration

Name: BaZi API
Rating: 4.9 (247 reviews)

How to embed the BaZi widget in popular content management platforms.

Embeddable UI Widgets

Follow these step-by-step platform instructions to embed the widget seamlessly.

More Examples

WordPress & Webflow Custom HTML Block

HTML

<div id="bazi-widget" data-api-key="bazi_live_xxxx"></div>
<script src="https://cdn.baziapi.pro/v1/widget.js" async></script>

Next.js App Router Component

TSX

'use client';
import Script from 'next/script';

export default function BaziWidgetSection() {
  return (
    <div>
      <div id="bazi-widget" data-api-key={process.env.NEXT_PUBLIC_BAZI_API_KEY} />
      <Script src="https://cdn.baziapi.pro/v1/widget.js" strategy="lazyOnload" />
    </div>
  );
}

@baziapi/widget Embed Script

n8n Community Node

Something unclear? Contact developer support.