{"id":1336,"date":"2022-10-05T15:33:40","date_gmt":"2022-10-05T20:33:40","guid":{"rendered":"http:\/\/racmanuel.dev\/?p=1336"},"modified":"2022-10-12T22:47:27","modified_gmt":"2022-10-13T03:47:27","slug":"como-generar-enlaces-cortos-a-los-productos-de-woocommerce-usando-jetpack-y-wp-me","status":"publish","type":"post","link":"https:\/\/racmanuel.dev\/en\/como-generar-enlaces-cortos-a-los-productos-de-woocommerce-usando-jetpack-y-wp-me\/","title":{"rendered":"\u00bfC\u00f3mo generar enlaces cortos a los productos de WooCommerce usando Jetpack y WP.me"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Muchas veces contamos con productos de <a href=\"https:\/\/woocommerce.com\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a> que el URL o Enlace permanente generado por <a href=\"https:\/\/woocommerce.com\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a> es muy grande ya que lo genera con del nombre producto, bueno para solucionar esto una herramienta gratuita muy \u00fatil al momento de usar <a href=\"https:\/\/es-mx.wordpress.org\/\" data-type=\"URL\" data-id=\"https:\/\/es-mx.wordpress.org\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress<\/a> y <a href=\"https:\/\/woocommerce.com\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a> es <a href=\"https:\/\/es.jetpack.com\/\" data-type=\"URL\" data-id=\"https:\/\/es.jetpack.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Jetpack<\/a> es un conjunto de Herramientas de seguridad, rendimiento y crecimiento que han dise\u00f1ado expertos en WordPress de la empresa <a href=\"https:\/\/automattic.com\/\" data-type=\"URL\" data-id=\"https:\/\/automattic.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Automattic<\/a> para sitios de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero antes de iniciar con el tutorial vamos a empezar con lo mas b\u00e1sico.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"que-es-un-enlace-permanente\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfQu\u00e9 es un Enlace Permanente?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Permalink<\/em>&nbsp;es la abreviatura de \u00abpermanent link\u00bb (enlace permanente), estas son estructuras URL permanentes que se utilizan para ayudar a organizar el contenido de tu web (p\u00e1ginas, entradas, productos, etc.) para que los usuarios y bots puedan navegar, compartir y hacer referencia al mismo de manera muy rapida y ordenada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los ajustes de enlaces permanentes para WooCommerce se pueden encontrar en&nbsp;<strong>WordPress&gt; Ajustes&gt; Enlaces permanentes<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"179\" height=\"308\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image.png\" alt=\"\" class=\"wp-image-1337\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image.png 179w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-174x300.png 174w\" sizes=\"(max-width: 179px) 100vw, 179px\" \/><figcaption class=\"wp-element-caption\">Men\u00fa de Administraci\u00f3n de WordPress donde se encuentra la configuraci\u00f3n de los enlaces permanentes.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Desde aqu\u00ed se puede configurar la estructura URL para tu tienda y p\u00e1ginas de productos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"antes-de-iniciar\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Antes de iniciar<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Debes de considerar que ya deber\u00edas de tener instalado:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/woocommerce.com\/es-es\/marketplace-sale\/\" data-type=\"URL\" data-id=\"https:\/\/woocommerce.com\/es-es\/marketplace-sale\/\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"como-instalar-jetpack\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo instalar Jetpack?<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Primero deberemos de acceder a nuestro panel de WordPress https:\/\/www.misitioweb.com\/wp-admin\/ deberemos ingresar nuestro usuario y contrase\u00f1a, despu\u00e9s al haber accedido al panel de WordPress, deberemos dirigirnos a los menus del panel de administraci\u00f3n, <strong>Plugins&gt;A\u00f1adir nuevo<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"620\" height=\"349\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-2.png\" alt=\"\" class=\"wp-image-1339\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-2.png 620w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-2-600x338.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-2-300x169.png 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s tendremos que dar clic sobre la barra de b\u00fasqueda que aparece en la parte superior derecha. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"540\" height=\"342\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-3.png\" alt=\"\" class=\"wp-image-1340\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-3.png 540w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-3-300x190.png 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En la barra de b\u00fasqueda escribiremos el termino &#8220;Jetpack&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"378\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-4.png\" alt=\"\" class=\"wp-image-1343\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-4.png 683w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-4-600x332.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-4-300x166.png 300w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s deberemos dar clic en la opci\u00f3n de instalar ahora.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"375\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-5.png\" alt=\"\" class=\"wp-image-1344\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-5.png 684w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-5-600x329.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-5-300x164.png 300w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Clic en &#8220;Activar&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"380\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-6.png\" alt=\"\" class=\"wp-image-1346\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-6.png 685w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-6-600x333.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-6-300x166.png 300w\" sizes=\"(max-width: 685px) 100vw, 685px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s deberemos de dar clic en &#8220;Ajustes&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"686\" height=\"368\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-7.png\" alt=\"\" class=\"wp-image-1347\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-7.png 686w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-7-600x322.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-7-300x161.png 300w\" sizes=\"(max-width: 686px) 100vw, 686px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Daremos clic en la pesta\u00f1a de &#8220;Trafico&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"681\" height=\"381\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-8.png\" alt=\"\" class=\"wp-image-1348\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-8.png 681w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-8-600x336.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-8-300x168.png 300w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nos desplazamos hasta la opci\u00f3n de Enlaces cortos WP.me y activamos la opci\u00f3n.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"finding-the-shortlink-for-a-post-or-page\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Encontrar el enlace corto para una publicaci\u00f3n o p\u00e1gina<\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Para encontrar el enlace corto de una publicaci\u00f3n\/p\u00e1gina, en la pantalla de edici\u00f3n, haz clic en el icono verde de Jetpack en la parte superior derecha para abrir la barra lateral de Jetpack:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"409\" height=\"123\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-9.png\" alt=\"\" class=\"wp-image-1349\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-9.png 409w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-9-300x90.png 300w\" sizes=\"(max-width: 409px) 100vw, 409px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, ver\u00e1 la URL de shortlink en la secci\u00f3n Shortlink, donde puede copiarla en su portapapeles:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Nota: Si est\u00e1 utilizando el Editor cl\u00e1sico, ver\u00e1 un bot\u00f3n &#8216;Obtener enlace corto&#8217; junto al enlace permanente, justo debajo del t\u00edtulo de la publicaci\u00f3n. Si hace clic en ese bot\u00f3n, el enlace corto se mostrar\u00e1 en una ventana emergente:<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"93\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-10.png\" alt=\"\" class=\"wp-image-1350\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-10.png 509w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-10-300x55.png 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-habilitar-los-enlaces-cortos-para-los-productos-de-woocommerce\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo habilitar los enlaces cortos para los productos de WooCommerce?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para ello, agregue el siguiente c\u00f3digo a su tema hijo o alg\u00fan plugin como <a href=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" data-type=\"URL\" data-id=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" rel=\"nofollow noopener\" target=\"_blank\">Code Snipets<\/a>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">&lt;?php\nadd_action('init', 'add_products_shortlinks');\nfunction add_products_shortlinks() {\n    add_post_type_support( 'product', 'shortlinks' );\n}\n?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez instalado el c\u00f3digo en nuestro tema hijo o en alg\u00fan plugin como <a href=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" data-type=\"URL\" data-id=\"https:\/\/es.wordpress.org\/plugins\/code-snippets\/\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Code Snipets<\/span><\/a>. Podemos dirigirnos a los productos y podemos obtener el link corto dando clic en el bot\u00f3n de &#8220;Obtener enlace corto&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"198\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-11.png\" alt=\"\" class=\"wp-image-1353\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-11.png 384w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-11-300x155.png 300w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Conclusi\u00f3n<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Es com\u00fan encontrar algo de malas criticas sobre Jetpack pero considero que la mayor\u00eda tienen poco fundamento y son rumores, Jetpack no tiene un impacto negativo en el desempe\u00f1o los sitios, adem\u00e1s de que tiene muchas funcionalidades como la que se menciona en este tutorial, que a nosotros como desarrolladores de WordPress podemos aprovechar al m\u00e1ximo usando sus versiones de paga y gratuitas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"aun-con-dudas\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfA\u00fan con dudas?<\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Do you need help with a web project? Don&#039;t hesitate to contact me. I develop complete and customized solutions with WordPress and PHP, using modern tools and processes, HTML, CSS, SCSS, PHP, JavaScript, Bootstrap, and more. Ready? Send me a message and let&#039;s talk about your web project!<\/p>\n\n\n\n<div class=\"wp-block-jetpack-contact-form\">\n\n\n\n\n\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Muchas veces contamos con productos de WooCommerce que el URL o Enlace permanente generado por WooCommerce es muy grande ya que lo genera con del nombre producto, bueno para solucionar esto una herramienta gratuita muy \u00fatil al momento de usar WordPress y WooCommerce es Jetpack es un conjunto de Herramientas de seguridad, rendimiento y crecimiento que han dise\u00f1ado expertos en WordPress de la empresa Automattic para sitios de WordPress.<\/p>","protected":false},"author":1,"featured_media":1359,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[11],"tags":[],"niveles":[],"class_list":["post-1336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/comments?post=1336"}],"version-history":[{"count":9,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1336\/revisions"}],"predecessor-version":[{"id":1404,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/posts\/1336\/revisions\/1404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media\/1359"}],"wp:attachment":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media?parent=1336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/categories?post=1336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/tags?post=1336"},{"taxonomy":"niveles","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/niveles?post=1336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}