Getting started with Webfuse can be done in four simple steps:


1.    Create a Connector, authorizing Webfuse to use your Dynamics 365 data.

  • Go To Administration - Connectors and click on "Create a new Connector"
  • Give your connector a name that represents its purpose e.g. Production Instance 1. 
  • After that, provide the URL of the Dynamics 365 for CE/CRM application e.g. https://testalot.crm6.dynamics.com. 
  • Webfuse will ask you to login into your Dynamics 365 account, please do so with System Administrator access. It will then ask you to authorize Webfuse to use your Dynamics 365 data for that instance.
  • Please authorize Webfuse and you will be taken back to Webfuse where your connector has been set up successfully!




2.    Create a Fuse and enrich your content with Dynamics data, adding a form. 
        Finalize your Fuse.

The process is always the same:

  1.     Give your Fuse a name
  2.     Complete your domains, these are the websites you want to display the form on. eg.         https://www.webfuse.io. This prevents that unwanted hacks can display or use your forms.
  3.     Choose your connector: this is the the Dataverse-environment you connected to. 
  4.     Select your entity: this is the table in your Dataverse-environment where you want the form         submissions to be mapped on. Make sure that the fields you want in your form also exist in         this table. 
  5.     If wanted, you can also change the name on the button of the Submit form action.
  6.     Save your changes and enjoy!


3.    Via the Form builder you can start adding your fields to the form!

  • Give your field a name
  • Map it on the attribute/field that you want the data to be registered on your Dataverse table eg. The first name of the Contact table. Webfuse will autoatically detect the format of the field and adjust. If it's a lookup it will also ask you to map it to a field of the related table. 
  • In case of a lookup, you can also display existing data, this you need to complete in the Field options using double brackets. That way, you can load a dropdown list of the related lookup to select from. By default please add {{name}} so it will display the default name-field of the related table.



4.    Use the View this Fuse-button to see its details, but also how to include it on your webpage

  • After you have created your form and added your Dynamics data, Preview and Save your Fuse.
  • Click on View this Fuse to get the setup for your website e.g. <div data-webfuse-161></div>.
  • Copy and paste the Fuse reference in the source code of the page on your website.

Add this to inside your <head> tag:

Copy to clipboard
<script src="https://webfuse.hnns.dev/client/index.js" defer="defer"></script>

Then, where you wish to include the Form, paste this:

Copy to clipboard
<div webfuse="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx--653189988d253685d6950f0b7438d09e7711f2190xxxxxxxxxxxxxxxxxxx"></div>

Load your webpage and hop: Behold the greatness of your Dynamics 365 / Dataverse data on your website!