{"id":29520,"date":"2022-09-16T00:00:00","date_gmt":"2022-09-15T21:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29520"},"modified":"2025-01-28T12:54:08","modified_gmt":"2025-01-28T10:54:08","slug":"making-a-container-clickable","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/making-a-container-clickable\/","title":{"rendered":"Make a Flexbox container clickable"},"content":{"rendered":"\n

Making an entire column clickable in WordPress can be challenging. Containers, however, can incorporate an “a” HTML tag, making the entire container clickable. Website visitors clicking this container will be taken to the link specified in the “a” tag. <\/p>\n\n\n\n

Create a clickable container<\/h2>\n\n\n\n

To make any container clickable<\/strong>:<\/p>\n\n\n\n

    \n
  1. Select the container.
    \"\"
    The container option appear in the panel.
    \"\"<\/li>\n\n\n\n
  2. In the panel, open the Additional Options<\/strong> section.
    \"\"<\/li>\n\n\n\n
  3. From the HTML Tag<\/strong> dropdown menu, select a (link)<\/strong>.
    A Link<\/strong> option appears.
    \"\"<\/li>\n\n\n\n
  4. In the Link<\/strong> textbox, Enter the URL you want to link to using the https:\/\/ in the field or use the dynamic options by clicking the stack icon \"\".
    \"\"<\/li>\n\n\n\n
  5. (Optional) choose to open the link in a new tab, add a nofollow, or add additional custom attributes.
    Clicking the container now leads to the target.<\/li>\n<\/ol>\n\n\n\n

    [callout type=”warning”]When linking a container, the child elements within the container should NOT be linked themselves. Nesting <a> tags will cause issues. Please unlink any child elements before applying a link to the container.[\/callout]<\/p>\n\n\n\n

    Next Steps<\/h2>\n\n\n\n

    Now that you’ve learned how to make containers clickable, it’s time to learn more about another great container feature – the benefits they provide for responsive design<\/a>. <\/p>\n\n\n\n

    To get the most out of Elementor,<\/strong> check out the Elementor Academy<\/a> for helpful learning resources. If you come across any issues or need help, please contact our Support Center<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Making an entire column clickable in WordPress can be challenging. Containers, however, can incorporate an “a” HTML tag, making the entire container clickable. Website visitors clicking this container will be taken to the link specified in the “a” tag. Create a clickable container To make any container clickable: [callout type=”warning”]When linking a container, the child […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["659eb139f10ff6dc57a1cfc7"],"footnotes":""},"categories":[1443],"tags":[],"class_list":["post-29520","post","type-post","status-publish","format-standard","hentry","category-flexbox-containers"],"acf":[],"yoast_head":"\nMake a Flexbox container clickable | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Make a Flexbox container clickable in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make a Flexbox container clickable | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Make a Flexbox container clickable in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-15T21:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-28T10:54:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1068\" \/>\n\t<meta property=\"og:image:height\" content=\"965\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Make a Flexbox container clickable\",\"datePublished\":\"2022-09-15T21:00:00+00:00\",\"dateModified\":\"2025-01-28T10:54:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\"},\"wordCount\":237,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png\",\"articleSection\":[\"Flexbox containers\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\",\"url\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\",\"name\":\"Make a Flexbox container clickable | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png\",\"datePublished\":\"2022-09-15T21:00:00+00:00\",\"dateModified\":\"2025-01-28T10:54:08+00:00\",\"description\":\"Learn everything about Make a Flexbox container clickable in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/making-a-container-clickable\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png\",\"width\":1068,\"height\":965},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/making-a-container-clickable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Layout\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Flexbox containers\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Make a Flexbox container clickable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Make a Flexbox container clickable | Elementor","description":"Learn everything about Make a Flexbox container clickable in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/making-a-container-clickable\/","og_locale":"en_US","og_type":"article","og_title":"Make a Flexbox container clickable | Elementor","og_description":"Learn everything about Make a Flexbox container clickable in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/making-a-container-clickable\/","og_site_name":"Help","article_published_time":"2022-09-15T21:00:00+00:00","article_modified_time":"2025-01-28T10:54:08+00:00","og_image":[{"width":1068,"height":965,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Make a Flexbox container clickable","datePublished":"2022-09-15T21:00:00+00:00","dateModified":"2025-01-28T10:54:08+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/"},"wordCount":237,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png","articleSection":["Flexbox containers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/","url":"https:\/\/elementor.com\/help\/making-a-container-clickable\/","name":"Make a Flexbox container clickable | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png","datePublished":"2022-09-15T21:00:00+00:00","dateModified":"2025-01-28T10:54:08+00:00","description":"Learn everything about Make a Flexbox container clickable in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/making-a-container-clickable\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/09\/Options-appear-in-the-panel.png","width":1068,"height":965},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/making-a-container-clickable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Layout","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/"},{"@type":"ListItem","position":4,"name":"Flexbox containers","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/"},{"@type":"ListItem","position":5,"name":"Make a Flexbox container clickable"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=29520"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29520\/revisions"}],"predecessor-version":[{"id":55516,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29520\/revisions\/55516"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=29520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=29520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=29520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}