Vestorly for Websites: Advanced Configuration Options

Category: Embed

Vestorly for Websites can be fully customized by modifying the CSS. The embeddable content display can be modified by inserting a custom supplied CSS URL (review standard implementation process here).

For example, if the URL is as follows:

https://www.vestorly.com/embed?advisor_id=capital-10&skip=0&limit=4&layout=true&embed_type=list&style_link=https://www.testurl.com/test/customsize.css&iframeresizer=true&animation=fade&auto=true&group_id=58752cc5b7c6c60016000005

The embedded library has a number of parts:

  1.  Style Link

Simply change the parameter URL: style_link=[Custom_Url_here]

This would be your custom CSS file.

  1.  Embed Type

There are 4 embed types that can be styled by setting: embed_type=[list, basic, vertical or carousel]

  1.  Advisor ID

The advisor_id parameter can be obtained from the initial path in your Vestorly Discover when viewing post articles. The URL when reading a post would be for example, http://demo20.vestorly.com/posts/capital-10-six-bars-of-chocolate-a-week-could-reduce-risk-of-a-fatal-heart-condition-harvard-study-says. The first set of characters after /posts represents the advisor_id. In this case, capital-10 would be the advisor_id.

  1.  Group ID

The group_id parameter can also be obtained from the path in your Vestorly Discover. For example, clicking on http://demo20.vestorly.com/discover/groups/57a354669b3989000d0003ac shows the group_id in bold. This would be group_id=57a354669b3989000d0003ac.

  1.  Style

You can also amend the iframe width and height, among other parameters.

The additional parameters are defined here. Please note examples here.

Putting it together: Embed iFrame + URL

URL: This will go in the src of the iFrame

//www.vestorly.com/embed?group_id=57a354669b3989000d0003ac  &advisor_id=capital-10&t=1417679264888&embed_type=carousel&skip=0&limit=12&animation=fade

<iframe scrolling=”no” frameborder=”0″ allowtransparency=”true” style=”min-width:275px;max-width:99%;min-height:260px;max-height:100%;overflow:hidden;position:relative;border:none;margin:8px;height:260px;width:100%;” src=”//www.vestorly.com/embed?group_id=57a354669b3989000d0003ac &advisor_id=capital-10&t=1417679264888&embed_type=carousel&skip=0&limit=12&animation=fade&style_link=https://www.testurl.com/test/customsize.css“></iframe>

Did this answer your question?