{"id":834,"date":"2024-06-18T13:06:38","date_gmt":"2024-06-18T13:06:38","guid":{"rendered":"https:\/\/es.notificationbutton.com\/help\/index.php\/es\/configuracion-general\/como-subir-imagenes-desde-tu-dispositivo\/"},"modified":"2026-04-30T03:04:23","modified_gmt":"2026-04-30T03:04:23","slug":"visual-integration-in-icortex-components","status":"publish","type":"docs","link":"https:\/\/icortex.ai\/help\/general-settings\/visual-integration-in-icortex-components\/","title":{"rendered":"Visual Integration in iCortex Components"},"content":{"rendered":"\n<p>In <strong>iCortex<\/strong> you can personalize your orchestrations and communications with graphic elements to optimize the attention of your Profiles.<\/p>\n\n\n\n<p><strong>Note: <\/strong>There are different <strong>sections<\/strong> within the <strong>iCortex Engineering Revenue Ecosystem<\/strong> in which you can implement graphics:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list__item\"><a href=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/sendNotification\" data-type=\"link\" data-id=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/sendNotification\">Campaign Orchestration<\/a><\/li>\n\n\n\n<li class=\"wp-block-list__item\"><a href=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/templates\" data-type=\"link\" data-id=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/templates\">Architectures<\/a><\/li>\n\n\n\n<li>Engagement Flows<\/li>\n\n\n\n<li>Brand Recall<\/li>\n\n\n\n<li class=\"wp-block-list__item\"><a href=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/settings\/generalSettings\">General Settings<\/a><\/li>\n\n\n\n<li class=\"wp-block-list__item\"><a href=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/settings\/generalSettings\" data-type=\"link\" data-id=\"https:\/\/accounts-es.notificationbutton.com\/account\/campaigns\/settings\/generalSettings\">Profile Capture<\/a><\/li>\n<\/ul>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-19.png' alt='' class='wp-image-838' style='width:162px;height:auto' \/><\/figure>\n\n\n\n<p>You can upload graphics in fields that contain the corresponding icon. They will be identified because they have this appearance:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-21.png' alt='' class='wp-image-840' style='width:661px;height:auto' \/><\/figure>\n\n\n\n<p>There are <strong>two methods to implement graphics<\/strong> in the iCortex Engineering Revenue Ecosystem: from your <strong>device<\/strong> or as an Architecture <strong>from Canva<\/strong>.<\/p>\n\n\n\n<h3 class='wp-block-heading'>Implementing graphics from the device<\/h3>\n\n\n\n<ol class='wp-block-list'>\n\n<li class='wp-block-list__item'>To implement graphics stored on your mobile device or workstation, click on the target field that indicates <strong>&#8216;Add image&#8217;<\/strong>:<\/li>\n\n<\/ol>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-22.png' alt='' class='wp-image-843' style='width:605px;height:auto' \/><\/figure>\n\n\n\n<p>2. A window will be displayed; there, click on the <strong>&#8216;Upload image&#8217;<\/strong> button:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-23.png' alt='' class='wp-image-844' style='width:387px;height:auto' \/><\/figure>\n\n\n\n<p>3. Locate the <strong>graphic to be implemented<\/strong> on your device or workstation and select it, then click <strong>&#8216;Open&#8217;<\/strong>:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-24.png' alt='' class='wp-image-845' style='width:542px;height:auto' \/><\/figure>\n\n\n\n<p>4. You can <strong>crop your graphic<\/strong> or readjust the selection frame. Once the graphic presents the desired visualization, click the <strong>&#8216;Ok&#8217; button<\/strong>:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-25.png' alt='' class='wp-image-846' style='width:445px;height:auto' \/><\/figure>\n\n\n\n<p>Implementation completed. Now, you will be able to <strong>preview<\/strong> the uploaded graphic:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-26.png' alt='' class='wp-image-847' style='width:376px;height:auto' \/><\/figure>\n\n\n\n<h3 class='wp-block-heading'>Implementing graphics from Canva<\/h3>\n\n\n\n<ol class='wp-block-list'>\n\n<li class='wp-block-list__item'>It is also possible to design your graphic elements in <a href='https:\/\/www.canva.com\/' data-type='link' data-id='https:\/\/www.canva.com\/'>Canva <\/a>and implement them from this application. If you choose this path, click the <strong>&#8216;Canva design&#8217;<\/strong> button:<\/li>\n\n<\/ol>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-28.png' alt='' class='wp-image-849' style='width:616px;height:auto' \/><\/figure>\n\n\n\n<p>2. Select the <strong>type of graphic<\/strong> you want to compose. You can select the format:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-27.png' alt='' class='wp-image-848' style='width:510px;height:auto' \/><\/figure>\n\n\n\n<p>3. The Canva design interface will open. You can <strong>compose your design<\/strong> directly there; when finished, press the <strong>&#8216;Publish&#8217; button<\/strong>:<\/p>\n\n\n\n<figure class='wp-block-image size-large is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/Diseno-sin-titulo-1024x462.jpg' alt='' class='wp-image-850' style='width:763px;height:auto' \/><\/figure>\n\n\n\n<p>4. Likewise, you can <strong>crop your graphic<\/strong> or adjust the selection frame. Once the graphic presents the desired visualization, click the <strong>&#8216;Ok&#8217; button<\/strong>:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-29.png' alt='' class='wp-image-851' style='width:430px;height:auto' \/><\/figure>\n\n\n\n<p>You can now <strong>preview<\/strong> your graphics! The presentation is optimal.<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-30.png' alt='' class='wp-image-852' style='width:590px;height:auto' \/><\/figure>\n\n\n\n<p><strong>Recommendation: <\/strong>Verify the <strong>dimensions of your graphics<\/strong>. The image fields indicate the <strong>suggested sizes<\/strong> (example: 600&#215;300 px) to ensure the correct presentation of your Architectures:<\/p>\n\n\n\n<figure class='wp-block-image size-full is-resized'><img src='https:\/\/es.notificationbutton.com\/help\/wp-content\/uploads\/2024\/06\/image-32.png' alt='' class='wp-image-854' style='width:645px;height:auto' \/><\/figure>\n\n\n\n<p>Consult <a href=\"https:\/\/es.notificationbutton.com\/help\/configuracion-general\/recomendaciones-para-imagenes\/\" data-type=\"link\" data-id=\"https:\/\/es.notificationbutton.com\/help\/index.php\/es\/configuracion-general\/recomendaciones-para-imagenes\/\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>technical recommendations<\/strong><\/a> for your graphics.<\/p>\n\n\n\n<p>Learn about <strong><a href=\"https:\/\/es.notificationbutton.com\/help\/configuracion-general\/como-conectar-tu-canva-a-la-app\/\" data-type=\"link\" data-id=\"https:\/\/es.notificationbutton.com\/help\/indhp\/es\/configuracion-general\/como-conectar-tu-canva-a-la-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">Whatsapp Integration<\/a><\/strong> to compose advanced designs.<\/p>\n\n\n\n<p>Proceed to the visual personalization of your communications. The implementation is direct.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Personalizing communications with graphic elements.<\/p>\n","protected":false},"author":7,"featured_media":1760,"parent":728,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[565,571,572,374,134,505],"doc_badge":[],"class_list":["post-834","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_tag-customize","doc_tag-edit-image","doc_tag-image","doc_tag-images","doc_tag-logo","doc_tag-upload"],"acf":[],"_links":{"self":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/comments?post=834"}],"version-history":[{"count":15,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/834\/revisions"}],"predecessor-version":[{"id":4613,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/834\/revisions\/4613"}],"up":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/docs\/728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/media\/1760"}],"wp:attachment":[{"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/media?parent=834"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/doc_tag?post=834"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/icortex.ai\/help\/wp-json\/wp\/v2\/doc_badge?post=834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}