Easy integration of free AstroDNA BaZi Calculator on your website
AstroDNA BaZi Calculator can be integrated into your website as a plugin. All you have to do is insert the following HTML snippet into the source code of the website:
<embed src="https://plugin.astrodnabazicalculator.com/en" />
Note: For a German-language layout, select the following parameter:
<embed src="https://plugin.astrodnabazicalculator.com/de-DE" />
This could look like this, for example, whereby the position of the plugin is of course your choice:
<html>
<head>
<title>My website</title>
</head>
<body>
<header>...</header>
<main>...</main>
<aside>
<embed src="https://plugin.astrodnabazicalculator.com/en" />
</aside>
<footer>...</footer>
</body>
</html>
There are several parameters available to customize the display of the plugin according to your wishes.
| Parameter | Description | Format | Default |
|---|---|---|---|
| cta | Text of the button | String, max. 30 chars, whitespace as %20 |
"Plot your BaZi Chart" |
| place-of-birth | Show input field for the place of birth | "0" (no) or "1" (yes) | "1" (yes) |
| font | Font name | "Poppins" or "Lato" | "Poppins" |
| background | Background color | Hex code (without #) | 000000 with stars |
| color | Text color | Hex code (without #) | e5e7eb (light gray) |
| input-border-color | Border color for input fields + color of placeholders | Hex code (without #) | 9ca3af (dark gray) |
| button-background | Background color of the button | Hex code (without #) | ffdd90 (yellow) |
| button-color | Text color of the button | Hex code (without #) | 000000 (black) |
| checkbox-background | Background color of the checkbox | Hex code (without #) | f3f4f6 (gray) |
| expert | BaZi terms in contemporary or expert language | "0" (Modern) or "1" (Contemporary) | "0" (Contemporary) |
| ref | Your Affiliate Code | String, 15 chars | (empty) |
The size of the plugin depends on the CSS of your website. If you want to set the size explicitly down to the pixel, you can do this with the width and height attributes or more flexibly directly in the style attribute. The plugin always fills the available space completely. If possible, make sure that the plugin has at least 600 pixels available in width.
An example with all parameters could look like this:
<embed
src="https://plugin.astrodnabazicalculator.com/en?cta=Calculate%20Now
&place-of-birth=0
&font=Lato
&background=d9f99d
&color=365314
&input-border-color=166534
&button-background=b91c1c
&button-color=ffffff
&checkbox-background=84cc16
&expert=1
&ref=
"
width="600"
height="700"
/>
Important: Please write the src attribute in one line, i.e. without line breaks. The line breaks are only inserted here for reasons of readability.