1. Vestorly for Websites Embed

    Log into the Vestorly application.

    Go to the “Send” Page

    Go the “Website” Tab

    Vestorly has a variety of layouts:

    • Horizontal

    • Vertical

    • Grid

    Options:

    • Carousel

    • Image Placement (left, top, bottom, right) or no image

  2. Vestorly for Websites Embed with Custom CSS

    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).

    Please note: Advanced configuration options are not possible using the embed code in the Vestorly application. You will have to follow the instructions below to create your own Vestorly for Website

    Here is an example of a how your custom embed code is formatted.

    <iframe scrolling="no" frameborder="0" allowtransparency="true" style="minwidth:275px;max-width:99%;min-height:260px;maxheight:100%;overflow:hidden;position:relative;border:none;margin:8px;height:260px;width:100%;" src="//www.vestorly.com/embed?advisor_id=capital-10&skip=0&limit=4&layout=true&embed_type=list&style_link=https://www.stylelink.com/test/customsize.css&iframeresizer=true&animation=fade&auto=true&group_id=58752cc5b7c6c60016000005"></iframe>

    The Embed has a number of important parameters:

    a. Style

    The style parameter allows you to amend the iframe width and height, among other things.

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

    b. 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.

    c. Embed Type

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

    d. Style Link

    This would be the URL linking to your custom CSS file.

    Simply change the parameter URL: style_link=[Custom_Url_here]

    e. 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 right there. This would be group_id=57a354669b3989000d0003ac right here.

    Please Note: http://developers.vestorly.com/#html-examples

  3. Vestorly SDK

    Once provided access to the Vestorly REST API, you can make calls directly to Vestorly’s servers to pull all or specific content groups.

    See here for documentation:

    http://developers.vestorly.com

    http://vestorly.github.io/ember-cli-infinite-scroll

Did this answer your question?