[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]

, Sigue estos pasos para crear una galería de fotos para un cliente:

[/vc_column_text][/vc_column][/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″ shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_link_target=”_self” column_shadow=”none” column_border_radius=”none” width=”1/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][tabbed_section style=”minimal_flexible” tab_color=”Accent-Color” icon_size=”24″][tab icon_family=”none” title=”1 – Comprimir fotos” id=”1580069199890-10″ tab_id=”1580069199893-9″][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]

  1. Conecta la memoria de la cámara con la cual se tomaron las fotos a la computadora
  2. Haz una copia de todas las fotos y videos que se tomaron dentro del disco duro de Twig.
    1. Guarda tus archivos creando una nueva carpeta dentro del disco duro de esta forma : Proyectos twig > “Nombre de Cliente ” > “Nombre de evento”
    2. Una vez que ya hayas creado la carpeta del cliente y del evento, crea una carpeta para “fotos” y una para “videos”
    3. Clasifica todas las fotos y videos del evento en las carpetas correspondientes.
  3. Cuando ya tengas todas todas las fotos en una sola carpeta, haz una copia de la carpeta “Fotos” y sigue estos pasos:
    1. Renombra la nueva carpeta con el nombre “Fotos web”
    2. Abre “Fotos web” y selecciona todos los archivos
    3. Da click derecho sobre una imagen seleccionada y escoge “abrir con > vista previa”

[/vc_column_text][image_with_animation image_url=”9735″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]4. Cuando abra vista previa, selecciona edición > seleccionar todo

5. Una vez que todas las imágenes estén seleccionadas, ve a > Herramientas > Ajustar tamaño

6. Te abrirá una ventana como la siguiente:[/vc_column_text][image_with_animation image_url=”9736″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]7. Cambia el valor del ancho a 720 como lo muestra el siguiente ejemplo y da click en OK[/vc_column_text][/vc_column_inner][/vc_row_inner][image_with_animation image_url=”9737″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]8. Una vez terminado, ve a Archivo > guardar.

9 Listo, has terminado de comprimir las fotos.[/vc_column_text][vc_row_inner content_placement=”middle” column_margin=”20px” top_padding=”3%” bottom_padding=”3%” text_align=”left” css=”.vc_custom_1580009933815{background-color: #81d742 !important;border-radius: 20px !important;}”][vc_column_inner column_padding=”padding-3-percent” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text css=”.vc_custom_1580009825624{background-color: #81d742 !important;border-radius: 20px !important;}”]

Nota: Puedes comprobar si comprimiste bien las fotos comparando el tamaño de los archivo de las carpetas “Fotos” y “Fotos web”

[/vc_column_text][/vc_column_inner][/vc_row_inner][/tab][tab icon_family=”none” title=”2 – Subir Fotos” id=”1580069200355-0″ tab_id=”1580069200356-6″][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]1. Accede al back-end de twig en el siguiente enlace:[/vc_column_text][nectar_btn size=”medium” open_new_tab=”true” button_style=”regular-tilt” button_color=”Accent-Color” icon_family=”default_arrow” url=”twig.mx/wp-admin” text=”Acceder al backend”][vc_column_text]2. Abre el panel de Medios > Biblioteca en la barra izquierda:[/vc_column_text][image_with_animation image_url=”9762″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]3. Crea una nueva carpeta dentro de “Galerías Clientes” y nómbrala con el nombre de tu cliente o evento[/vc_column_text][image_with_animation image_url=”9763″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]4. Selecciona la carpeta que acabas de crear y arrastra desde tu computadora todas las fotos y videos correspondientes al evento. Cuando termine de cargar, verás algo parecido a esto:[/vc_column_text][image_with_animation image_url=”9800″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]5. ¡Listo! Ya acabaste de subir las fotos. Asegúrate de que estén todas las fotos que se hayan tomado en el evento.[/vc_column_text][/vc_column_inner][/vc_row_inner][/tab][tab icon_family=”none” title=”3 – Crear Galería” id=”1580069200756-9″ tab_id=”1580069200757-2″][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]Para crear  una galería, debemos seguir los siguientes pasos:

  1. Crear una Galería con Modula
  2. Editar parámetros de galería
  3. Agregar Marca de Agua Twig

[/vc_column_text][divider line_type=”Full Width Line” line_thickness=”1″ divider_color=”extra-color-gradient-2″ custom_height=”50″][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left” el_id=”crear”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]

Crear una galería con Modula

1 Dentro del backend de Twig, iremos a la sección Modula > Add New:[/vc_column_text][image_with_animation image_url=”9816″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]2 Sigue estos pasos guiándote con la siguiente imagen:

A) Nombra la galería con el nombre del cliente o evento

B) Da click Select from Library, busca la carpeta que creaste anteriormente dentro de la pestaña “Biblioteca de Medios , selecciona todos los archivos y presiona “Añadir a la galería”

C) Da click en publicar[/vc_column_text][image_with_animation image_url=”9818″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]3 Cuando hayas terminado de publicar la galería, verás algo así:

NOTA: Anota el número de ID de la galería, ya que lo usaremos más tarde.[/vc_column_text][image_with_animation image_url=”9822″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left” el_id=”editar”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”Full Width Line” line_thickness=”1″ divider_color=”extra-color-gradient-2″ custom_height=”50″][vc_column_text]

Editar parámetros de galería

1 Una vez que terminamos de subir las fotos, dentro de la misma página iremos más abajo, en la sección de “Settings”[/vc_column_text][image_with_animation image_url=”9823″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]2 En esta sección, modificaremos las siguientes pestañas:

A) Captions

B) Hoover Effect

C) Miscellaneous[/vc_column_text][image_with_animation image_url=”9824″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]A) Capions:

Asegúrate que “Hide Title” y “Hide Captions” estén activadas en azul como se muestra en la siguiente imagen:[/vc_column_text][image_with_animation image_url=”9825″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]B) Hover Effect:

Selecciona “Quiet” en la lista desplegable de Hover Effect:[/vc_column_text][image_with_animation image_url=”9826″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]C) Miscellaneous:

Activa la opción “Enable Protection” como se muestra en la imagen:[/vc_column_text][image_with_animation image_url=”9827″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left” el_id=”agregar”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”Full Width Line” line_thickness=”1″ divider_color=”extra-color-gradient-2″ custom_height=”50″][vc_column_text]

Agregar marca de agua

ADVERTENCIA: Sigue al pie de la letra estas instrucciones, si lo haces mal, las imágenes se arruinarán y tendrás que repetir todo el proceso nuevamente.

1 Baja nuevamente al menú Settings y en la última pestaña, encontrarás “Watermark”, selecciónala, y habilita “Enable Watermark”:[/vc_column_text][image_with_animation image_url=”9829″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]2 Sube y da click en el botón de “Actualizar” (es el mismo botón de “Publicar”)[/vc_column_text][image_with_animation image_url=”9828″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]3 Regresa al menú Watermark y ahora notarás que el botón azul “Watermar Images” se encuentra habilitado. Da click en el botón y espera a que acabe de procesar las imágenes. (Hasta que se quiten las flechitas circulares dentro del botón)

IMPORTANTE: No cierres ni actualices la página hasta que este proceso concluya.[/vc_column_text][image_with_animation image_url=”9832″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]4 Si lo hiciste bien, recibirás un mensaje como este.

Es muy probable que si vueles arriba, donde están las imágenes, aún no las veas con el logo de twig. Pero esto no significa que el proceso no se hizo.[/vc_column_text][image_with_animation image_url=”9833″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]5 Vuelve a dar click en el botón “Actualizar” y terminamos este proceso.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text][/vc_column_text][/tab][tab icon_family=”none” title=”4 – Compartir al cliente” id=”1580069201642-8″ tab_id=”1580069201644-2″][vc_row_inner column_margin=”default” text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]Para compartir el álbum a los clientes, deberemos de:

  1. Crear la liga personalizada del álbum
  2. Crearles un usuario y contraseña
  3. Enviar accesos al cliente

[/vc_column_text][divider line_type=”Full Width Line” line_thickness=”2″ divider_color=”extra-color-gradient-2″ custom_height=”50″][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left” el_id=”liga”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][vc_column_text]

Crear liga personalizada de álbum

¿Recuerdas que en un paso anterior te pedimos guardar el ID de la galería que creamos anteriormente? En este paso lo vamos a necesitar.

Si no lo recuerdas, puedes consultarlo en el menú de Modula  > Galeries. Aquí podrás ver el listado de todas las galerías que haz creado junto con su ID como se muesta en la siguiente imagen:

NOTA: el ID de la galería sólo es el número. En este caso es el 9817[/vc_column_text][image_with_animation image_url=”9840″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]Ahora, para crear el link personalizado haremos lo siguiente:

Juntaremos:

“twig.mx/fotos/?gallery_id=” + “ID de galería”

Ejemplo

twig.mx/fotos/?gallery_id=9817

Ese es el link que le mandaremos al cliente para que pueda ver las fotos de su evento.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left” el_id=”usuario”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”Full Width Line” line_thickness=”1″ divider_color=”extra-color-gradient-2″ custom_height=”50″][vc_column_text]

Crear Usuario y Contraseña

1 Accederemos a nuestro backend nuevamente:[/vc_column_text][nectar_btn size=”medium” open_new_tab=”true” button_style=”regular” button_color_2=”Accent-Color” icon_family=”default_arrow” url=”twig.mx/wp-admin” text=”Acceder a backend”][vc_column_text]2 Seleccionaremos Usuarios > Añadir nuevo[/vc_column_text][image_with_animation image_url=”9837″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]3 Llenaremos los campos de usuario de la siguiente forma:

Nombre de Usuario: puede ser el nombre de la empresa o el nombre del evento.

Correo: nombre de la empresa o evento + @twig.mx. Ejemplo: prueba@twig.mx (no necesita ser un correo real)

Nombre: puede ser el nombre de la empresa o el nombre del evento.

Apellidos: no es un campo necesario, se puede dejar vacío.

Web: este es el campo donde pondremos la url única de la galería. Ejemplo: twig.mx/fotos/?gallery_id=12445 (recuerda cambiar el ID correspondiente al cliente)

Contraseña: da click en mostrar contraseña y cámbiala por “fotos + nombre del cliente o evento” Ejemplo: fotosprueba

Da click en aceptar el uso de una contraseña débil

Perfil de usuario y Edit User Rol:  asegúrate que en ambas opciones ÚNICAMENTE este marcada la casilla de Costumer.

NOTA: Es muy importante que sólo se agrege el perfil y el rol de costumer a cada usuario nuevo. De lo contrario no podrá ver la galería.[/vc_column_text][image_with_animation image_url=”9838″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][image_with_animation image_url=”9839″ alignment=”center” animation=”Fade In” hover_animation=”none” border_radius=”none” box_shadow=”none” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text]4 cuando termines, da click en añadir nuevo usuario.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner column_margin=”default” text_align=”left” el_id=”enviar”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” column_border_radius=”none” column_link_target=”_self” width=”1/1″ tablet_width_inherit=”default” overlay_strength=”0.3″ column_border_width=”none” column_border_style=”solid” bg_image_animation=”none”][divider line_type=”Full Width Line” line_thickness=”1″ divider_color=”extra-color-gradient-2″ custom_height=”50″][vc_column_text]

Enviar accesos

La información que deberás enviar a tu cliente son estos tres puntos: (Ejemplo)

Liga: twig.mx/fotos/?gallery_id=9817

Usuario: prueba@twig.mx

Contraseña: fotospruebas

¡Listo! Eso sería todo. Puedes probar con esta liga de ejemplo para vivir la experiencia que el cliente vería en su computadora.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text][/vc_column_text][/tab][/tabbed_section][/vc_column][/vc_row]