Setting up your project

[vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ min_height=”220″][vc_column width=”1/2″][vc_empty_space height=”30px”][vc_column_text css=”.vc_custom_1446565738575{margin-bottom: -10px !important;}”]

Setting up your project

[/vc_column_text][vc_column_text css=”.vc_custom_1474968846813{margin-right: 5% !important;}”]

This is where it all starts.

Click on the “Project” tab on the top right to lay the foundation for your project!

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_empty_space height=”90px”][vc_column_text css=”.vc_custom_1474968871252{margin-left: 5% !important;}”]

Here are the different options proposed by Racontr that we will approach:

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=””][vc_column width=”5/6″][vc_single_image image=”123″ img_size=”full” alignment=”center”][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

First step: Project tab

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text]In “Project”, you’ll find 7 main tabs, start with the one labelled “Project description”.

  1. Project Title: Give a name to your story
  2. Tags: A few individual words to describe your project and improve its SEO.
  3. Project description: Use your writing talent to describe your project to other users and, again, to improve its SEO.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5878″ img_size=”full” onclick=”link_image” css=”.vc_custom_1464016168991{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Scene settings

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text]On the “Scene size” tab you can give specific size to your project.

  1. Project size: Choose wisely your project’s size in pixels. You can use some presets we’ve picked and, of course, you’ll be able to change it anytime. You can choose size for all devices!
  2. Adapt scene: Do you want your project’s size to be fix or to adapt depending on users screen definition.
  3. Custom view and recommanded formats: You can use one of our default format or create your own custom view.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5872″ img_size=”full” onclick=”link_image” css=”.vc_custom_1464016574741{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Aspect of the project

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text]On the “Aspect of the project” tab, you can change color, background for your project.

  1. Page and scene background: Whether an image or a plain color, you can set a background for your scene and for the background behind your scene.
  2. Scrollbars : Some browsers have ugly scrollbars so you can pick custom colors, width and opacity for yours.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5875″ img_size=”full” onclick=”link_image” css=”.vc_custom_1464016596723{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”10px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Fonts & Stylesheets

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text]On the “Fonts” and “Stylesheets” tabs, you can change aspect of your text.

  1. Fonts: Activate some fonts or upload your own custom fonts.
  2. Stylesheets: Typographic stylesheets enable you to template font stylings. You can create a stylesheet for your titles, subtitles, body texts and so on.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5884″ img_size=”full” onclick=”link_image” css=”.vc_custom_1464016626594{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”10px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Social, Integration and Tracking

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text]On the “Social” and “Integration and tracking” tabs, you can share your project everywhere on the web!

  1. Social: Add a title, a description and a picture for share your project.
  2. Iframe and Google Analytics: Add your own Google Analytics code, enable Google Frame for Internet Explorer 8
  3. Google Chrome Frame is a Internet Explorer plug-in to provide extra capabilities to the browser. It’s particularly useful to make sure your project is fully compatible with dinosaurs such as Internet Explorer 8.
  4. Iframe: integrate your project everywhere with your own iframe!

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5881″ img_size=”full” onclick=”link_image” css=”.vc_custom_1464016683617{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_empty_space height=”50px”][vc_widget_sidebar sidebar_id=”sidebar-1″][/vc_column][/vc_row][vc_row padding_top=”0″ padding_bottom=”0″][vc_column][vc_empty_space][vc_single_image image=”132″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]

More
tutorials:

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]

Saving

Log in with your credentials

or    

Forgot your details?