Demo: How to implement Generate Image Feature to your websites
Add CDN links to <head> on your pages:
<script type="module" crossorigin src="https://cdn.jsdelivr.net/gh/yournextagency/enervi-cdn@release-test/index.js"></script>
<link rel="stylesheet" crossorigin href="https://cdn.jsdelivr.net/gh/yournextagency/enervi-cdn@release-test/index.css" />
Add tag with id="gen-img-widget" to the header of each page. This is where the main logic is executed. This tag must be present.
Add tag with id="gen-img-content" to the desired page where you want to show the transformation screen.
Add tag with id="gen-img-status-in-progress". This element will be shown while the image is being processed. Add any content inside element.
Add tag with id="gen-img-status-error". This element will be shown once image generation failed.
Add tag with id="gen-img-status-done". This element will be shown once image done. It will be hidden automatically after 10 minutes. Add any content inside element.
Also you can add tag with id="widget-map". Its map element widget that
renders the map from origin app homepage.
Review map
Also you can add tag with id="widget-articles". Element widget that
renders the articles from origin app articles page.
Review articles