Find Co-Founders & Employees Connect with {{ promotions.totalJobCandidates }} talented F6Sers

Wordpress Plugin

Overview

The F6S WordPress Plugin allows you to integrate your F6S data inside Wordpress posts and pages.

The F6S WordPress Plugin can be downloaded at: https://wordpress.org/plugins/f6s/

Please direct any questions or bug reports to support@f6s.com

Installation

  1. Install the F6S WordPress Plugin via the WordPress.org directory https://wordpress.org/plugins/f6s/.
  2. Activate the F6S Wordpress Plugin.
  3. Go to Settings and look for F6S Plugin. Here you may enter your private API key and hit Save Changes.
  4. You're done! Go edit your content now.

Available Data Items

Deal Properties

  • id - reference id of the deal

  • name - name of the deal

  • description - description of the deal

  • thumbnail - information about the deal image:

    • url - full URL of the deal thumbnail
    • width - width in pixels of the image
    • height - height in pixels of the image
  • value - value of the deal

  • beta - is this a beta product

  • category - internal category of the deal

    • id - internal id of category
    • name - name of category
  • company - publisher company of the deal

    • id - id of company profile
    • name - name of company
    • url - company profile URL
  • url - URl where more info about this deal available

  • get_deal_url - URL to get the deal

Mentor Properties

  • id - reference id of the mentor

  • name - name of the mentor

  • description - mentor profile description

  • url - F6S profile URL

  • current_title - current work title of the mentor (ex: CEO of ExampleCompany) - empty string if no data available

  • thumbnail - information about the mentor’s profile image:

    • url - full URL of the mentor thumbnail
    • width - width in pixels of the image
    • height - height in pixels of the image.
  • skills (list) - list of mentor skills, has properties:

    • name - name of the skill
  • links (list) - list of profile links, has properties:

    • type - link type, can be: website, facebook, twitter, linkedin, github, iosapp, android, mobile
    • value - the actual URL
  • mentored_orgs (list) - list of all organizations mentored by this person, has properties:
    • name - name of the organization
    • url - F6S URL of the organization
    • thumbnail - information about the organization image:
      • url - full URL of the organization thumbnail
      • width - width in pixels of the image
      • height - height in pixels of the image.

Startup Properties

  • id - reference id of the team

  • name - name of the team

  • description - description of the team

  • url - F6S profile URL

  • thumbnail - information about the team’s profile image:

    • url - full URL of the mentor thumbnail
    • width - width in pixels of the image
    • height - height in pixels of the image
  • links (list) - list of profile links, has properties:

    • type - link type, can be: website, facebook, twitter, linkedin, github, iosapp, android, mobile
    • value - the actual URL
  • members (list) - list of all team’s members, has properties:
    • profile_id - reference id of the person
    • name - name of the person
    • url - f6s profile URL
    • thumbnail - information about the organization image:
      • url - full URL of the organization thumbnail
      • width - width in pixels of the image
      • height - height in pixels of the image
Resizing thumbnails: You can resize thumbnails according to your specifications using HTML / CSS attributes. The plugin provides them in a single size.

Including Data From F6S

The data can be displayed in WordPress posts and pages by using shortcodes. More information about WordPress shortcodes are available here: http://codex.wordpress.org/Shortcode_API

You will be making use of the following:

  • [deal] (self-closing) - single deal object. Has the following attributes:

    • program - the ID of your accelerator or event profile
    • id - the ID of the deal
    • display - property that you want to display. See "Deal Properties”
  • [deal-list] (enclosing) - loop through a list of deals, one by one. Has the following attributes:

    • program - the ID of your accelerator or event profile
    • area - the alias of the domain the deals belong to (e.g. travel, security, cloud-services). A list of valid aliases can be retrieved from https://www.f6s.com/deals by clicking on the categories on the left hand side of the page and getting the last segment of the URL (E.g. for URL https://www.f6s.com/deals/analytics, the alias would be analytics)
  • [mentor] (self-closing OR enclosing) - single deal object. Has the following attributes:

    • program - the ID of your accelerator or event profile
    • id - the ID of the deal
    • display (used with self-closing mentor object) - property that you want to display. See “Mentor Properties”
    • list (used with enclosing mentor object) - use this to loop though the properties marked as list (Mentor Properties).
  • [mentors-list] (enclosing) - loop through a list of deals, one by one. Has the following attributes:

    • program - the ID of your accelerator or event profile
  • [team] (self-closing OR enclosing) - single team object. Has the following attributes:

    • program - the ID of your accelerator profile
    • id - the ID of the team
    • display (used with self-closing mentor object) - property that you want to display. See “Startup Properties”
    • list (used with enclosing mentor object) - use this to loop though the properties marked as list.
  • [team-list] (enclosing) - loop through a list of teams, one by one. Has the following attributes:

    • program - the ID of your accelerator profile
  • [f6s-data] (enclosing) - put your HTML inside this shortcode to protect it from alterations when switching between HTML and Visual mode

  • [list-index] (enclosing) - to be used inside a list structure. This shortcode conditions the content in between and has the following properties:
    • first (no value) - the enclosing content will only be displayed once, at the beginning of the list;
    • notfirst (no value) - opposite of first, the enclosing content will not be displayed at the beginning of the list;
    • last (no value) - the enclosing content will only be displayed once, at the end of the list;
    • notlast (no value) - opposite of last;
    • odd (no value) - the enclosing content will only be displayed for an odd index when looping through list items
    • even (no value) - the enclosing content will only be displayed for an even index when looping through list items
    • multiple (numeric value) - the enclosing content will only be displayed if index is a multiple of the given value, when looping through list items
    • notmultiple (numeric value) - opposite of multiple. Creative use of embedded multiple and notmultiple tags can solve most formatting problems.
Important It is strongly recommended that you always add these shortcodes in HTML edit mode and not Visual mode.

Examples

Displaying Properties for Single Objects

Displaying Deal Information The following example displays the thumbnail picture of the deal 420, next to the deal name.

<img src=”[deal id=420 program=7713 display=thumbnail.url /]” />
[deal id=420 program=7713 display=name /]

Displaying Mentor Information The following example displays the thumbnail picture of the mentor with id 3, next to the mentor's name.

<img src="[mentor id=3 mentoring=7713 display=thumbnail.url /]" />
[mentor id=3 mentoring=7713 display=name /]

Displaying a Simple Object List

Displaying Program Deals Information The following example displays information about the deals that belongs to the program with id 7713. Specifically, this example displays each deal's image, value, company and URL.

[f6s-data]
[deal-list program=7713]
<img src="[deal display=thumbnail.url /]" />
<b>[deal display=name /]</b><br />
worth [deal display=value /] by [deal display=company.name /]
<a target="_blank" href="[deal display=get_deal_url /]">Get this deal!</a>
<br />
[/deal-list]
[/f6s-data]

Displaying Program Mentors Information The following example displays information about the mentors that mentor at the program with id 7713. Specifically, this example displays each mentor's image, name, jobtitle and URL.

[f6s-data]
[mentor-list mentoring=7713]
<img src="[mentor display=thumbnail.url /]" />
<b>[mentor display=name /]</b><br />
<em>[mentor display=current_title /]</em>
<a target="_blank" href="[mentor display=url /]">View profile</a>
<br />
[/mentor-list]
[/f6s-data]

Displaying Two Deals per Line with Background

The following example displays two deals next to each other, and add a background-color: white-smoke.

[f6s-data]
[deal-list program=7713]
<div style="display: inline-block; width: 250px; [list-index multiple=3]background-color:whitesmoke[/list-index]">
<img src="[deal display=thumbnail.url /]" />
<b>[deal display=name /]</b><br />
worth [deal display=value /] by [deal display=company.name /]
<a target="_blank" href="[deal display=get_deal_url /]">Get this deal!</a>
<br />
</div>
[list-index odd]
<br/>
[/list-index]
[/deal-list]
[/f6s-data]

Displaying a Table

[f6s-data]
<table>
<thead>
<td>&nbsp;</td><td>&nbsp;</td><td>Value</td><td>Category</td><td>&nbsp;</td>
<td>&nbsp;</td><td>&nbsp;</td><td>Value</td><td>Category</td><td>&nbsp;</td>
</thead>
[deal-list program=7713]
[list-index even]<tr>[/list-index]
<td valign="top">
<a href="[deal display=company.url /]" target="_blank"><img src="[deal display=thumbnail.url /]" alt="" /></a>
</td>
<td valign="top">
<b><a href="[deal display=company.url /]" target="_blank">[deal display=company.name /]</a></b><br />
[deal display=name /]
</td>
<td>[deal display=value /]</td>
<td>[deal display=category.name /]</td>
<td><a href="[deal display=get_deal_url /]">Get this deal</a></td>
[list-index odd]</tr>[/list-index]
[/deal-list]
</table>
[/f6s-data]

Using List Properties

Example #1

Follow [mentor mentoring=7713 id=3 display=name /] on: [mentor mentoring=7713 id=3 list=links]<a href="[link display=value /]">[link display=type /]</a> [/mentor]

Example #2

<b>Mentor skills:</b><br/>
[mentor-list mentoring=7713]
[mentor display=name /]: [mentor list=skills][skill display=name] [/mentor]<br/>
[/mentor-list]

Startup Multiple Tags

[f6s-data]
Teams:
[team-list program=1961]
<div style="display: inline-block; width: 120px; vertical-align: top"><img src="[team display=thumbnail.url /]" width="100" height="100" /></div>
<div style="display: inline-block; width: 200px">
<b><a target="_blank" href="[team display=url /]">[team display=name /]</a></b>
[team list=links]<a href="[link display=value /]">[link display=type /]</a>&nbsp;[/team]
<b>Members</b>: [team list=members][member display="name" /][list-index notlast], [/list-index][/team]
</div>
<div style="clear: both; padding-bottom: 20px"></div>
[/team-list]
[/f6s-data]

The following example shows how to display each list item on it’s own page, linking it to a main list. To do this you may pass arguments from one page to another via query variables inside shortcodes. See the code snippet below.

1. Create a page for the main list

[f6s-data]
[deal-list program=7713]
<a href="http://example.com/?page_id=2&deal_id=[deal display=id /]">[deal display=name /]</a><br/>
[/deal-list]
[/f6s-data]

where:

  • http://example.com/?page_id=2 is the URL for the individual item view.

2. Create a page for the individual item view

For the individual page write:

Deal name: [deal id=query_deal_id program=7713 display=name]

where:

  • query_deal_id represents the query variable you are passing.