Embed Vainu’s company card to MS Dynamics with Vainu OneView iframe solution

Vainu OneView: 360° company info view on prospects and customers.

OneView iframe solution enables customer data to be displayed in MS Dynamics CRM.

Vainu OneView solution

  • makes Vainu’s company profile data available to everyone who is working with customers and need detailed company information on a daily basis, i.e., salespeople, people working in customer service as well as account managers and people working in customer success. 
  • brings ease in preparing to customer meetings and creating customer understanding.

Vainu’s company card can be embedded to Microsoft Dynamics by adding an IFRAME element to a view.

These instructions provide one way to create and add iFrame element. Conditional formatting is possible.

  1. Start by adding an iFrame element. Go to Settings -> Customizations. Select ”Customize the System”.
Näyttökuva 2019-5-28 kello 14.34.53-1

 

Näyttökuva 2019-5-28 kello 14.35.09

2. From left side select Components-> Entities -> Account -> Forms.
Double click the Account on this list to add the element to Accounts view.

screenshot

 

3. When you are in the Account View you will be able to create a Column for OneView. Select Insert -> One Column. The column should be visible on the center of the page. Click on the empty section inside the new Column and on top Insert IFRAME.

Näyttökuva 2019-5-28 kello 15.38.18

4. Give the IFRAME property a name you remember. In this example it is called ”IFRAME_Vainu2”
to url section add about:blank.

Näyttökuva 2019-5-28 kello 14.38.51


5. Add formatting settings as you prefer. Add Row layout to expand automatically. Enable scrolling for IFRAME.

Näyttökuva 2019-5-28 kello 14.38.44


6. Click on OK to save IFRAME. After you have saved IFRAME double click the Column again and you should see events section. You should add a Form Library. Click green plus icon to add new. Click ”New” again and ”Web recources” New window appears.

Näyttökuva 2019-5-28 kello 14.39.54


7. Create a name for Web resource, add Display name and Description. for Content select Script and Paste Script to Text Editor. Click on OK and Publish.

function changeURL(executionContext)
{
var formContext = executionContext.getFormContext(); // get formContext
var business_id = formContext.getAttribute("accountnumber").getValue();
var IFrame = formContext.ui.controls.get("IFRAME_OneViewTest");
var vainu_url = "https://app.vainu.io/embedded/" + business_id + "?showAll";
IFrame.setSrc(vainu_url);
}
Näyttökuva 2019-10-9 kello 14.11.26

8. On Event handlers press Add to add a Web resource. Create a New one.

Näyttökuva 2019-5-28 kello 14.47.12

9. Select the correct library you just created and write the name of the function "changeURL" to Function section. Select "Pass execution context as first parameter". Click OK.

Näyttökuva 2019-9-24 kello 13.55.03

Save and publish the changes.

Note! The IFRAME src property can be modified dynamically by adding the business ID and country code to the URL as parameters. Microsoft documentation can be found from:

https://docs.microsoft.com/en-us/dynamics365/customer-engagement/developer/use-iframe-and-web-resource-controls-on-a-form

Finished IFRAME element with Vainu OneView might look like this.

Näyttökuva 2019-6-6 kello 13.54.56

 

Should you need more information on Vainu's OneView solution, chat with us or email at support@vainu.io and we're happy to help you out!