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
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
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:
Vestorly for Websites™ Advanced Options
Explore our advanced capabilities to customize Vestorly embeddable widgets for website, landing pages, and mobile applications.
Written by Success Team
Updated over a week ago
Updated over a week ago