{"id":760,"date":"2023-07-12T16:38:14","date_gmt":"2023-07-12T15:38:14","guid":{"rendered":"https:\/\/econstela.com\/how-to-use-econstela\/"},"modified":"2026-04-03T01:42:23","modified_gmt":"2026-04-03T00:42:23","slug":"how-to-use-econstela","status":"publish","type":"page","link":"https:\/\/econstela.com\/en\/how-to-use-econstela\/","title":{"rendered":"How to use eConstela?"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.21.0″ _module_preset=”default” background_color=”#ea5d00″ background_image=”https:\/\/econstela.com\/wp-content\/uploads\/2023\/07\/Banner-Tutorial.png” height=”347px” height_tablet=”178px” height_phone=”178px” height_last_edited=”on|phone” custom_padding=”0px|0px|0px|0px|true|true” global_colors_info=”{}”][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”24px||4px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.21.0″ _module_preset=”default” text_font=”|||on|||||” text_font_size=”15px” header_font=”Asap|700|||||||” global_colors_info=”{}”]<\/p>\n

USER’S MANUAL – How to use eConstela<\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=”4.21.0″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

Below you will learn about all the features included in eConstela so that you can get the most out of it.<\/span><\/p>\n

Keyboard shortcuts<\/strong> and tricks <\/strong>will help you to speed up your handling of the tool and improve the quality of your client sessions.
<\/span><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_padding=”|50px||36px||” inline_fonts=”Abel” global_colors_info=”{}”]<\/p>\n

Content:<\/strong><\/p>\n

    \n
  1. What each icon does<\/a><\/li>\n
  2. How to move the elements<\/a><\/li>\n
  3. How to move the camera\/scene<\/a><\/li>\n
  4. What actions can be performed by the elements<\/a><\/li>\n
  5. How to set up the scene and boards<\/a><\/li>\n
  6. How to manage my sessions<\/a><\/li>\n
  7. How to set my preferences<\/a><\/li>\n
  8. How to upload a custom logo<\/a><\/li>\n
  9. How to log in with a client.<\/a><\/li>\n<\/ol>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ module_id=”UI” _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”||4px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-iconos” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||15px|||” global_colors_info=”{}”]<\/p>\n

    1. What each icon does<\/h2>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”4px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2025\/05\/TutorialUI_092_2.png” title_text=”TutorialUI_092_2″ force_fullwidth=”on” _builder_version=”4.26.1″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_font_size=”18px” global_colors_info=”{}”]<\/p>\n

     <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    \"\"<\/td>\n\n

    MAIN MENU<\/h3>\n

    Access various options such as Create New Scene, Save or Load Scene.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    UNDO<\/h3>\n

    Undoes the last changes made to the scene.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    REDO<\/h3>\n

    Retrieves the last changes if “UNDO” was recently pressed.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    CAPTURE IMAGE<\/h3>\n

    Capture the image on the screen, so that it can be saved or shared with the customer.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    HELP New<\/span><\/h3>\n

    When activated, it displays the function of each icon when hovered over. Press again to deactivate.><\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    1st PERSON VIEW<\/h3>\n

    Appears when you select an element and allows you to see the scene from its point of view.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    CAMERA SETUP<\/h3>\n

    Activate and deactivate camera movement by dragging with the mouse.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    CONFIGURE DASHBOARD<\/h3>\n

    Allows you to change the shape of the work table (square and circular), the background and to load templates(More info<\/a>).<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    <\/span><\/p>\n

    MODES OF MOVEMENT<\/h3>\n

    Toggles between the different modes (keyboard shortcuts can also be used):
    Free mode, Move, Rotate, Select<\/strong>(More info.<\/a>)<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    HIDE\/SHOW NAMES<\/h3>\n

    Toggles between Hide and Show the names or labels that appear on items.
    HOLD*<\/span> to show: Enlarge\/Reduce Text<\/b><\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    REDUCE TEXT<\/h3>\n

    Reduces the size of the text that appears over the elements.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    INCREASE TEXT<\/h3>\n

    Enlarges the size of the text that appears over the elements.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    REDUCE EMOJI New<\/span><\/h3>\n

    Enlarges the size of the emoji that appears over the elements.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    INCREASE EMOJI New<\/span><\/h3>\n

    Enlarges the size of the emoji that appears over the elements.<\/p>\n<\/td>\n<\/tr>\n

    \n

    <\/span><\/p>\n

    Actions associated with the element:<\/strong><\/h4>\n

    You can find more detailed information on the following icons in“What actions can the elements perform<\/a>“.<\/span><\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    ADD ITEM<\/h3>\n

    Opens the window that allows you to create a new element and add it to the scene.
    SHORTCUT: <\/span> DOUBLE CLICK<\/span> in the scene to create an element in a specific place.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    EDIT ITEM<\/h3>\n

    Opens the window that allows you to edit the properties of the selected element.<\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    FIXING LOOK<\/h3>\n

    Allows the selected element to fix its gaze on another element and follow it through the scene.<\/p>\n

    1.<\/strong> Select the element to gaze at.
    2. Click on the “Fix Gaze” icon
    3. Select the element or point to gaze at.<\/p>\n

    (Presses the button again to release the gaze)<\/em><\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    CHANGE POSITION<\/h3>\n

    Toggles between the different postures available for the selected element.
    Example:<\/strong> Standing, head down, sitting, lying down.<\/p>\n

    HOLD*<\/span> to display: Panel with available poses<\/b><\/p>\n<\/td>\n<\/tr>\n

    \"\"<\/td>\n\n

    REMOVE ITEM<\/h3>\n

    Removes the selected element from the scene.
    SHORTCUT: <\/span> You can also press the DELETE<\/span> or DELETE<\/span> keys.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    *<\/strong> \"\" If an icon shows a small arrow in one of its corners, it means that it can be HOLD CLICKED<\/span> to extend a menu with more related options. Click anywhere in the scene to hide the panel, if it does not have a “close” button (X). <\/i><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”34px|||||” global_colors_info=”{}”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”||9px|||” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-elementos” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    2. How to move the elements<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    You can select any element by CLICKING<\/span> on it.<\/span><\/span><\/p>\n

    Deselect by pressing anywhere without elements or by pressing the DELETE<\/span> key.<\/span>.<\/span><\/p>\n

    The selected element shows a black indicator at its base.<\/span><\/p>\n

    When you select an item, icons will appear on the right side of the screen. These actions affect only the selected element:
    <\/span><\/p>\n\n\n\n\n
    \"\"<\/td>\n\"\"<\/td>\n\"\"<\/td>\n\"\"<\/td>\n<\/tr>\n
    Edit<\/strong><\/td>\nLook at…<\/strong><\/td>\nChange pose<\/strong><\/td>\nDelete<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    More information on“What actions can the elements perform<\/a>“.<\/span><\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2024\/01\/seleccionado.png” title_text=”selected” _builder_version=”4.23.1″ _module_preset=”default” custom_padding=”28px||26px|||” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.23.1″ _module_preset=”default” custom_padding=”16px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”move-element-mouse” _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    Once selected, you can move the element in different ways:<\/p>\n

    2.1.<\/strong> Dragging<\/strong> with the mouse<\/strong> to the new position.
    The element will move in different ways according to the selected “Motion Mondo”.<\/p>\n

     <\/p>\n

    \n

    FREE MOVEMENT<\/h4>\n

    \"\"When dragging, the element moves towards the cursor and rotates to face the direction of movement.
    SHIFT:<\/span> Hold down CTRL + SHIFT<\/span> while in “Select”<\/strong> mode.<\/p>\n

     <\/p>\n<\/div>\n

    \n

    MOVE<\/h4>\n

    \"\"When dragging, the element moves to the cursor but does not rotate.
    SHIFT:<\/span> Hold SHIFT<\/span> while in another mode.<\/p>\n

     <\/p>\n<\/div>\n

    \n

    ROTATE<\/h4>\n

    \"\"When dragging, the element faces the cursor but does not move.
    SHORTCUT:<\/span> Hold CTRL<\/span> while in another mode.<\/p>\n

     <\/p>\n<\/div>\n

    \n

    SELECT<\/h4>\n

    \"\"To select an element without changing its position or rotation.
    SHORTCUT:<\/span> Hold down CTRL + SHIFT<\/span> while in another mode.<\/p>\n

     <\/p>\n

    NOTE:<\/strong> You can modify the dragging speed in the“SETUP<\/strong>” window.<\/span><\/p>\n

    <\/span><\/p>\n<\/div>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    2.2.<\/strong> With the keyboard:<\/strong><\/p>\n

    – MOVE<\/strong>: press Arrows \u2190\u2191\u2193\u2192<\/span> to <\/strong> move<\/strong> the element.
    – Press CTRL <\/span>+\u2191\u2193<\/span> to move forward and backward.<\/strong><\/span><\/p>\n

    – ROTATE<\/strong>: press the N<\/span> M*<\/span> keys or hold down CTRL <\/span> +<\/strong> Arrows \u2190\u2192<\/span><\/strong>.
    – If the element has a fixed gaze, the N<\/span> and M*<\/span> keys will rotate the element around its target.<\/span><\/p>\n

    – Press and hold SHIFT<\/strong><\/span> <\/strong>to move\/rotate faster.<\/p>\n

    * You can modify the keyboard shortcut for rotation in the“SETUP<\/strong>” window.<\/span><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.21.0″ _module_preset=”default” custom_padding=”||9px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-camara” _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    3. How to move the camera\/scene<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    <\/span><\/p>\n

    There are several ways to move the camera to view the constellation from different perspectives:
    <\/span><\/p>\n

    3.1.<\/strong> With the mouse<\/strong>, select somewhere where there are no elements and drag<\/strong> to change the angle and elevation from where the scene is viewed. <\/span><\/p>\n

    Hold SHIFT <\/span> +<\/strong> drag <\/strong>to move the center point<\/strong> of the camera (useful to focus on an element or set of elements away from the center of the board). <\/span><\/p>\n

    Roll the CENTER WHEEL <\/span> <\/strong>of the mouse to zoom in<\/strong> and out.
    <\/span><\/p>\n

    <\/span><\/p>\n

    NOTE:<\/strong> You can modify the dragging speed in the “SETUP<\/strong>” window.<\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    3.2.<\/strong> With the keypad<\/strong>, if no element is selected:<\/strong> <\/span><\/p>\n

    Press Arrows<\/strong> \u2190\u2191\u2193\u2192<\/span> to change the angle<\/strong> and elevation<\/strong> from which the scene is viewed.<\/span><\/p>\n

    Hold down CTRL <\/span> +<\/strong> Arrows<\/strong>\u2191\u2193<\/span> or press the +-<\/span> keys on the numeric keypad*, to change zoom<\/strong>.<\/span><\/p>\n

    Hold down SHIFT <\/span> +<\/strong> Arrows<\/strong> \u2190\u2191\u2193\u2192<\/span> to move the center point<\/strong> of the camera.
    <\/span><\/p>\n

    * You can modify the keyboard shortcut for +\/- in the“SETUP<\/strong>” window.<\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    3.3.<\/strong> Use the number keys<\/strong> on the keyboard (top: 1, 2, 3 … 9, 0)<\/em> to switch to the default views<\/strong>:<\/span><\/p>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||24px|||” custom_padding=”|5px||28px||” global_colors_info=”{}”]<\/p>\n

    \n

    1<\/span> Front
    2<\/span> Right
    3<\/span> Back
    4 <\/span>Left<\/p>\n

    5<\/span> – 8<\/span> Diagonals<\/p>\n

    0<\/span> Top view (from above).<\/p>\n<\/div>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    3.4.<\/strong> Use the numeric keys<\/strong> on the ” side numeric keypad”<\/em> to switch to the default views around the board:<\/span><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,2_3″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_orientation=”right” text_orientation_tablet=”left” text_orientation_phone=”left” text_orientation_last_edited=”on|phone” global_colors_info=”{}”]<\/p>\n\n\n\n\n\n
    7<\/span><\/td>\n8<\/span><\/td>\n9<\/span><\/td>\n<\/tr>\n
    4<\/span><\/td>\n5<\/span><\/td>\n6<\/span><\/td>\n<\/tr>\n
    1<\/span><\/td>\n2<\/span><\/td>\n3<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n\n\n\n\n\n
    7. Rear-Left Diag.<\/td>\n8. Rear<\/td>\n9. Diag Rear-Right<\/td>\n<\/tr>\n
    4. Left<\/td>\n5. Zenith (Upper)<\/td>\n6. Right<\/td>\n<\/tr>\n
    1. Front-Left Diag.<\/td>\n2. Front<\/td>\n3. Diag Front-Right<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”section-element-actions” _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-camara” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    4. What actions can the elements perform<\/h2>\n

    [\/et_pb_text][et_pb_text module_id=”add-element” _builder_version=”4.27.4″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    4.1. Add\/Edit element:<\/strong>
    <\/span><\/p>\n

    You can add an element in either of these two ways:<\/span><\/p>\n

    A.<\/strong> By DOUBLE CLICKING<\/span> anywhere on the board.
    B.<\/strong> P<\/span>clicking the icon \"\". In this case, the added elements will be aligned on the side of the scene waiting to be placed one by one in the desired position when the time comes.
    <\/span><\/p>\n

    Once in the scene, with the element selected, you can edit its properties by clicking on the icon \"\" to reopen the configuration window. <\/span><\/p>\n

    In any case, a configuration window will be displayed where you can choose:
    <\/span><\/p>\n

    – Model<\/strong>: basic characters, geometric shapes or text. Under “SETUP” you can define the visible collections. <\/span><\/p>\n

    – Color<\/strong>: choose from the predefined colors or press \"\" to choose a custom color.<\/span><\/p>\n

    – Label<\/strong>: to name the element and distinguish it in the scene. Allows several lines of text and emojis (press \"\" to open the emoji panel). Labels can be hidden later by clicking on the icon \"\"<\/span><\/p>\n

    <\/span><\/p>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/NewElement2.png” title_text=”NewElement2″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/Emojis.png” title_text=”Emojis” _builder_version=”4.27.4″ _module_preset=”default” width=”40%” custom_css_free_form=”selector{|| float:left;||}” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/Color.png” title_text=”Color” _builder_version=”4.27.4″ _module_preset=”default” width=”40%” custom_margin=”|||15px|false|false” custom_css_free_form=”selector{|| float:left;||}” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” custom_css_free_form=”selector{clear: both;}” global_colors_info=”{}”]<\/p>\n

    4.2. “Look at…”:<\/strong>
    <\/span><\/p>\n

    Fix your gaze on an element by DOUBLE CLICKING<\/span> on it or by clicking on the icon \"\".<\/span><\/p>\n

    You can then CLICK<\/span> on another element or on a point on the board, keeping your gaze fixed when the target or the element itself moves.<\/span><\/p>\n

    When you want to release the gaze, click again on the icon \"\" or press the DELETE<\/span> key.<\/span><\/p>\n

    <\/span><\/p>\n

    4.3. Change pose:<\/strong>
    <\/span><\/p>\n

    Toggle between the different poses by clicking on the icon \"\".<\/span><\/p>\n

    PRESS and HOLD<\/span> \"\" to display “Pose List”<\/b> and choose the desired pose without having to go through all of them.<\/span><\/p>\n

    Example:<\/strong> Standing, head down, sitting, lying down.<\/span><\/p>\n

    NOTE:<\/strong> Some elements only support basic poses.
    <\/span><\/p>\n

    <\/span><\/p>\n

    4.4. Delete:<\/strong>
    <\/span><\/p>\n

    Remove an element from the scene by pressing the DELETE<\/span> key or by pressing the icon \"\".<\/span><\/p>\n

    <\/strong><\/span><\/p>\n

    4.5. Resize: <\/strong><\/span>New at
    <\/span><\/span><\/span><\/p>\n

    Increase or decrease the size of the element by pressing the +-<\/span> keys (configurable keys). <\/span><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”section-boards” _builder_version=”4.26.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-camara” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    5. How to set up the scene and the boards<\/h2>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/SetupScene2.png” title_text=”SetupScene2″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    You can change the scene settings by clicking on the icon \"\".
    A window with the following options will appear: <\/span><\/p>\n

    5.1. Table shape:<\/strong>
    <\/span><\/p>\n

    You can alternate between square and circular.
    <\/span><\/p>\n

    5.2. Background:<\/strong>
    <\/span><\/p>\n

    Select between black background, color (press \"\" to choose custom color), sky or 3D room.<\/span><\/p>\n

    5.3. Work table:<\/strong><\/span><\/span><\/p>\n

    You can choose from the different workboards available or upload your own customized one by clicking on the icon \"\".
    <\/span><\/p>\n

    To delete custom boards that you no longer use, select it and press \"\".<\/span><\/p>\n

    You will also be able to“Hide icons\/text<\/strong>” from the boards in order to work blindly and not condition the user.<\/span><\/p>\n

    NOTE<\/strong>: Some boards work better on a circular or square table depending on their shape.<\/span><\/p>\n

    <\/span><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”section-scenes” _builder_version=”4.26.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-camara” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    6. How to manage my sessions<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    Manage your sessions by clicking on the icon \"\".<\/span><\/p>\n

    A window with the following options will appear: <\/span><\/span><\/p>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/MainMenu2.png” title_text=”MainMenu2″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    6.1. New scene:<\/strong><\/p>\n

    Clears the scene to start a new session.<\/p>\n

    6.2. Save scene:<\/strong><\/p>\n

    Save the scene by choosing a name to retrieve it later.<\/p>\n

    6.3. Recover scene:<\/strong><\/p>\n

    Browse the saved scenes, load or delete the selected scene as needed.<\/p>\n

    6.4. Continue Previous:<\/strong><\/p>\n

    It allows you to continue the previous session exactly where you left off. Even if it was not saved. <\/p>\n

     <\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”section-settings” _builder_version=”4.26.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-preferencias” _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    7. How to configure my preferences<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||25px|||” custom_padding=”0px|5px||7px||” global_colors_info=”{}”]<\/p>\n

    Configure your user preferences by clicking on the icon \"\" \u25ba“SETUP<\/strong>“.<\/span><\/p>\n

    A window with the following options will appear: <\/span><\/span><\/p>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/ConfigA.png” title_text=”ConfigA” _builder_version=”4.27.4″ _module_preset=”default” height=”360px” custom_margin=”|10px|||false|false” custom_css_free_form=”selector{|| float:left;||}” global_colors_info=”{}”][\/et_pb_image][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2026\/04\/ConfigB.png” title_text=”ConfigB” _builder_version=”4.27.4″ _module_preset=”default” height=”360px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    7.1. Language:<\/strong> Configure the application language: Spanish, English, French, German, Portuguese, Italian, Spanish.<\/span><\/p>\n

    7.2. Camera movement sensitivity:<\/strong> speed at which the camera moves when you change its angle by dragging with the mouse.<\/span><\/p>\n

    7.3. Sensitivity movement elements:<\/strong> speed at which the elements in the scene move and rotate when dragging them with the mouse.<\/span><\/p>\n

    7.4. Invert camera axes in 1st person:<\/strong> First-person camera behavior when clicking and dragging: Dragging sensation VS steering sensation.<\/span><\/p>\n

    7.5. Activate Copy\/Paste text:<\/strong> The copy and paste function may cause problems in some browsers. Disable it to see if it fixes it. <\/span><\/p>\n

    7.6. Selector always circular:<\/strong> forces the element selectors to be circular, instead of circular\/square according to the base shape of the element.<\/span><\/p>\n

    7.7. Visible collections:<\/strong> allows you to activate and deactivate the various collections of elements that are displayed when adding elements to the scene.<\/span><\/p>\n

    <\/p>\n

    7.8. Default scene:<\/strong> uses the current scene as the default scene for when a new scene is created or started without retrieving a previous scene. Press the trash can button to use the default scene. <\/span><\/p>\n

    7.9. Logotype:<\/strong> Upload a custom logo to display as a watermark. Press the trash can button to delete the current logo. <\/span><\/p>\n

    7.10. Keyboard shortcuts:<\/strong> In case the keyboard shortcuts do not work on your computer, you can redefine them to the keys you prefer (not used in other platform functions: arrows, 1..0, etc.) <\/span><\/p>\n

    7.11. Restore Configuration:<\/strong> Restore default configuration values (changes are applied when the platform is restarted). <\/span><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”section-logo” _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-camara” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    8. How to upload a custom logo<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    You can upload a custom logo by clicking on the icon \"\" \u25ba “SETUP<\/strong><\/span>” \u25ba“Logo: Upload..<\/strong>.”.<\/p>\n

    A window will appear where you can select a file from the files on your computer.<\/p>\n

    It is recommended that the file meets the following characteristics:<\/p>\n

    – Approximate size\/proportion: 300px wide x 150px high.
    <\/strong> (If taller or wider, it will be reduced to fit those proportions).<\/p>\n

    – File size: <1Mb.<\/p>\n

    – PNG format with transparency.
    (Accepts JPG, but background color will be visible)<\/p>\n

    – For better visibility, the logo should have an additional black (if the logo is light) or white (if the logo is dark) border.<\/p>\n

    Example:<\/p>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/econstela.com\/wp-content\/uploads\/2024\/07\/LOGO-eCONSTELA-centrado-borde-Blanco.png” title_text=”eCONSTELA LOGO centered – White edge” align=”center” _builder_version=”4.23.1″ _module_preset=”default” background_enable_pattern_style=”on” background_pattern_style=”checkerboard” background_pattern_size=”custom” background_pattern_width=”24px” width=”300px” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    If you want to stop using the custom logo, click the button \"\".<\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=”section-session-example” _builder_version=”4.26.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”titulo-camara” _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”15px” header_font=”Asap|700|||||||” header_2_font=”Asap||||||||” custom_margin=”||-10px|||” custom_padding=”||23px|||” global_colors_info=”{}”]<\/p>\n

    9. How to log in with a client<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.26.1″ _module_preset=”default” text_font_size=”18px” header_font=”Asap|700|||||||” custom_margin=”||8px|||” custom_padding=”|5px||7px||” global_colors_info=”{}”]<\/p>\n

    Although eConstela Basic does not allow the client to interact directly with the scene, you can share the screen with any videoconferencing tool<\/strong> so that the client can follow the session live.<\/p>\n

    The steps to follow are similar for all common tools(Zoom, Google Meet, Microsoft Teams, Skype, etc<\/em>).<\/p>\n

     <\/p>\n

      \n
    1. Visit econstela.com<\/strong> from your PC or Mac browser and click on“Login<\/strong>“.
      (eConstela is not yet 100% compatible with mobile devices).<\/em><\/li>\n
    2. Enter your username<\/em> and password<\/em> and then access the tool by clicking on“Use eConstela<\/strong>“.<\/li>\n
    3. It is recommended to practice<\/strong> the different options that eConstela allows in order to gain agility before starting the first session or in case there are changes in a new version.<\/li>\n
    4. Set up the scene<\/strong> with the table shape and the table top to be used in the session(see point 5<\/a>).<\/li>\n
    5. Create a videoconference room<\/strong> with your usual tool (or make a video call).<\/li>\n
    6. Share the<\/strong> session invitation link<\/strong> via email or your usual instant messaging application.<\/li>\n
    7. Optionally access the session from another device to use your camera.
      (In this case remember to mute \ud83d\udd07 one of the two connected devices from the video conferencing tool).<\/li>\n
    8. Usually initiates the session with the client(Interview, identification of key elements, purpose…<\/em>)<\/li>\n
    9. When the time comes, share the browser window from the“Share screen<\/strong>” option and present the tool.<\/li>\n
    10. The client will now be able to see the eConstela scene while you interact with it.<\/li>\n
    11. Invite him\/her to choose characters that will represent each of the key elements(see point 4.1<\/a>).<\/li>\n
    12. Place the elements in the position indicated by the client and ask about the direction of the gaze and the pose in which he\/she wishes to place it (standing, bowing, sitting, lying down…).<\/li>\n
    13. Move and modify the elements as the session evolves.<\/li>\n
    14. Once the session is closed, you will be able to take a snapshot by pressing \"\"<\/span> and share it with the user via email or instant messaging.<\/li>\n<\/ol>\n

      [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.23.1″ _module_preset=”default” text_font_size=”18px” text_orientation=”center” global_colors_info=”{}”]<\/p>\n

      Do you have any doubts?<\/strong><\/h2>\n

      You can contact us at econstela.app@gmail.com<\/a> and we will solve them for you.<\/p>\n

      [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

      USER’S MANUAL – How to use eConstelaBelow you will learn about all the features included in eConstela so that you can get the most out of it. Keyboard shortcuts and tricks will help you to speed up your handling of the tool and improve the quality of your client sessions. Content: What each icon does […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-760","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"publishpress_future_action":{"enabled":false,"date":"2026-08-08 15:53:02","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"translation_priority","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/pages\/760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/comments?post=760"}],"version-history":[{"count":7,"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/pages\/760\/revisions"}],"predecessor-version":[{"id":1515,"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/pages\/760\/revisions\/1515"}],"wp:attachment":[{"href":"https:\/\/econstela.com\/en\/wp-json\/wp\/v2\/media?parent=760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}