Developer Site

Call Out Page

Simply embed the SendUs Call Out Page template, add a little customization and be fully up and running in minutes.

The standard Call Out Page template can be embedded inside your website in just a few minutes. This allows your users to browse your Call Outs and submit media in response. You can customize your Call Out Page with simple configuration tools or drop in custom HTML.

Embedding the Call Out Page

The embed code contains both Javascript and HTML and requires 760px width in your page.

		<script src="http://apps.sendus.com/embed/cg.v2.js" type="text/javascript"></script>
<div class="cg_widget_container" studio_url="participate" device_id="370"></div>

Advanced Embed Options

The embed code contains additional attributes for class cg_widget_container div which allow you to input additional data into the iframe.

Custom Tags:

Custom tags which will be automatically added to the media submission. For example, a custom tag could be a product ID on your system or a user ID of the person on your system.

Attribute:

su_custom_tags='{"abc":"xyz"}'

su_custom_tags='{"abc":"xyz", “123”: {"456":"789"}}'

Note: the first example shows one simple parameter. The second example shows how you can create nested tags.

Protocol – HTTP or HTTPS

This will load in all HTTP or HTTPS content inside the iframe. Default is HTTP.

Attribute: protocol=’https’

User ID:

If you are creating and connecting users on the SendUs platform and you know the SendUs user ID then you can drop it in here. Users are not created on the SendUs platform by default. This is something you have to enable if you want to do this. Contact us for more info.

Attribute: user_id="4556"

User Token:

If you are creating and connecting users on the SendUs platform and you know the SendUs user TOKEN then you can drop it in here. Users are not created on the SendUs platform by default. This is something you have to enable if you want to do this. You would use this if you were using the video editor and wanted to enable users to save and later re-open a saved edit. Contact us for more info.

Attribute: user_token="a798sdaf7dd98f7ds"

Example of advanced embed options:

			<script src="http://apps.sendus.com/embed/cg.v2.js" type="text/javascript"></script>
<div class="cg_widget_container" studio_url="participate" device_id="370" su_custom_tags=”{"abc":"xyz"}”></div>

Add Custom Design with HTML

Customize your Call Out Page with custom HTML on your “Welcome” page or custom tab page.


Custom Welcome Page

Custom Tab Page

See example

Simply visit your Call Out Page on SendUs.com and click the “Customize Page” button to access your control panel or inputting custom HTML.

Custom HTML Click Handlers

Want to link between different areas inside your Call Out Page like the example above?

You can add direct links to open a media overlay or go right into the submission process, for example.

Below is the list of click handlers that enable you to do this. For example, put a “Submit Videos” button in your custom HTML and have it open up the submit screen.

To leverage these click handlers you need to use these attributes in the html tags of links.

Click Handler Library

Media list: class="gotoMedialist"

Media: class="gotoMedia" media_hash="MEDIA_HASH"

Another custom page: class="gotoCustomtab"

Submit: class="gotoSubmit"

Overlay: class="openSUCustomOverlay" overlay_title="Custom Title" su_custom_overlay_id="Content Div ID"

Example:

<a href="javascript:void(0)" class="gotoMedialist">Watch Media</a>

Note: This example is a button that links the user to the media list page where they can watch published media submissions.

Display Media

Simply turn on the “Watch” page or one of the media list templates on the “landing / welcome” page inside your Call Out Page. This can be done using the admin interface on your SendUs.com Call Out Page. Just click the “Customize Page” button.

See example
  • Embedding the Call Out Page
  • Advanced Embed Options
  • Add Custom Design with HTML
  • Custom HTML Click Handlers
  • Display Media
©2013 CitizenGlobal, Inc.
X