name | description |
---|---|
Custom Elements |
Choose from Toggled's expansive collection of custom blocks. |
Toggled supports a variety of custom HTML blocks to make your life easier.
Create a mailing list signup which will display on your dashboard.
<toggledEmail data-name="<nickname>"></toggledEmail>
You can have multiple of these on each page.
Nickname will be displayed on your dashboard so you can see which forms are converting users to subscribers.
Use Google Analytics in your project.
<googleAnalytics data-tag="<YOUR ANALYTICS MEASUREMENT ID>"></googleAnalytics>
Only one element per page is supported.
Keep in mind that Toggled will soon have built-in analytics.
To import designs from external websites such as Codepen, Spline Etc. in Toggled, you must use the design manager. (If you try to use the js libraries from these providers they will not work in Toggled to prevent xss)
Below is an example for Spline.
<design data-layout="3D" data-type="spline" data-url="https://prod.spline.design/Iu9kNCw-o9kUZfGj/scene.splinecode"></design>
Below is an example for Codepen. (Please use the special embed link provided.)
<design data-layout="2D" data-type="codepen" data-url="https://codepen.io/lavadev/embed/MWzxaQR?default-tab=html%2Cresult"></design>
Below is an example for Replit. (Please just use your Replit Project url not the embed URL)
<design data-layout="2D" data-type="replit" data-url="https://replit.com/@CosmixCom/GravityAI"></design>
Below is an example for Scratch. (Please just use your Project ID)
<design data-layout="2D" data-type="scratch" data-projectID="923122579"></design>
Below is an example for YouTube. (Please just use the Video ID)
<design data-layout="unspecified" data-type="youtube" data-video="yw6i1SAHetc">
data-layout: 3D or 2D
data-type: Type of design. (E.g. Spline) *
data-url: CND/Embed URL of design *
Ping pages to check the status.
There are two outputs ONLINE or OFFLINE. Toggled sends a GET request to the specified URL. (Include https)
<toggledStatus data-url="<URL TO PING>"></toggledStatus>
If this page returns 404, 403, 500 etc. it will return offline. The page must return an "ok"
request to be online.
Toggled has a built-in AI service. (Temporarily for no charge)
This uses the Google Vertex API.
<toggled-ai data-model="<AI MODEL>"></toggled-ai>
You can have multiple of these on each page.
data-model: For basic text completions use toggled-carbon
.