Recruitment MarketingPublic

Widget functionality lets you extend your Recruitment Marketing career site and CRM beyond the site, engaging candidates elsewhere online.

For instance, an engineer browsing your corporate site could join your engineering talent community directly from that page. Widgets make this simple to set up.

Creating a widget

To start setting up your widget, either:

1. From the side menu, under Content, click Web Pages.
2. Create a new web campaign, or alternatively, edit an existing web campaign.
3. From the Web Campaigns Pages, click New.
4. Select the appropriate options:
   1. What content would you like?: This should be set to External Widget.
   2. Title: Give your widget page a name.
   3. Kind: Select the appropriate layout for your widget. In most cases, a regular page would be the logical choice.
   4. Call to action: Optionally, select a call to action form to include in your widget.
   5. Theme: Select the theme to apply to the widget.
   6. Page Layout: Select an appropriate page layout. This is optional, as a page layout may not be appropriate depending on the type of widget you are creating.
      
5. Click Save to create your page.
   
   You will then be taken to the page editor, where you can make updates to the content of your widget, such as additional images or additional text.
6. When you are happy with the content of your widget, click Update to publish the widget.

Editing an existing widget

To edit an existing widget, simply navigate to the relevant web campaign and click the edit (pen) icon next to the widget page in that campaign.

Once you've finished updating the widget content, click Update to ensure that your updates are applied to any usages of that widget.

Embedding a widget

Widgets are displayed on the external site using an iframe.

To create the iframe code which you will need to paste into the external site, you can either navigate to the appropriate web campaign and locate your page, or you can find a list of all widgets on the content sub-menu under Web Pages.

Once you've located your widget, click the code icon in the actions list to copy the iframe code to your device's clipboard.

The code on your clipboard can now be added to the external site using the appropriate tools for that particular site.

Customizing the code

The code of your widget will look something like this:

<iframe src="http://mycareer-pages.com/register-interest" width="100%" height="500px" frameborder="0"></iframe>

The iframe is given a default height of 500px, and a width of 100% of the containing DOM item. You may want to amend the height of the iframe to suit the particular scenario in which you are utilizing this widget.