{"id":2537,"date":"2023-03-23T19:24:49","date_gmt":"2023-03-23T19:24:49","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/dropdown-applying-state-provinces-filter\/"},"modified":"2025-01-20T12:30:01","modified_gmt":"2025-01-20T12:30:01","slug":"dropdown-applying-state-provinces-filter","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/dropdown-applying-state-provinces-filter\/","title":{"rendered":"Dropdown – Applying State\/Provinces filter"},"content":{"rendered":"\n

After inserting the dropdown element into the form, let’s set up its data.<\/p>\n\n\n\n

    \n
  1. Data Field: from your contact info address, pick up Country.<\/li>\n\n\n\n
  2. Choice Set: from Geographic Location, pick up Countries. This will load up all the countries previously set up for this choice set.<\/li>\n\n\n\n
  3. Insert your placeholder text, in this case “Select Your Country”.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Now create a new choice set for the State\/Province filtering. Go to Data Management > Data Collection > Choice Sets and click on New choice set category if you want to create a new one, or select one that you already have.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    In this example, we’ve selected Geographic location as the category to then create a new choice set.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Insert a Label with an easy name for recognition afterwards and hit save.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    After creating the choice set, set up a .csv file:<\/p>\n\n\n\n

      \n
    1. In the first line and column of the spreadsheet, insert the text “choose one”<\/li>\n\n\n\n
    2. Under this same column, write the name of the States<\/li>\n\n\n\n
    3. After that, in the second column, you insert their abbreviation<\/li>\n\n\n\n
    4. In the third column write the name of the Country<\/li>\n\n\n\n
    5. After you finish to write down the States for one country, repeat the process for any other you might want to add (which will be separated from the Country above it by a new cell “choose one”).<\/li>\n<\/ol>\n\n\n\n
      \n

      Here<\/a> you can access a sample .csv file for reference.<\/p>\n<\/div>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Now import this spreadsheet to your choice set: select the choice set you’ve created and go to Choice Set > Import choice set.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Select the file to upload, make sure it is a .csv file, and hit save.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      You choice set will look like this after importing the .csv file:<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Back to the creative, select your State dropdown, go to Advanced Settings and then Dependent Data Field, that must be Country. This implies that the State options will only show up if the correspondent Country is previously selected.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Now, with the State dropdown still selected, apply the data field “State” to it and the choice set with the filter you just created:<\/p>\n\n\n\n

        \n
      1. Refresh your page to load the new choice set available<\/li>\n\n\n\n
      2. Data Field: from your contact info address, pick up State<\/li>\n\n\n\n
      3. Choice Set: in our example, from Geographic Location, we picked up Country – States\/Province Filter (the choice set we have just created). This will load up all the states previously set up for this choice set<\/li>\n\n\n\n
      4. Insert your placeholder text, in this example “Select Your State”<\/li>\n<\/ol>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        After that, you can test your set-up. By selecting Azerbaijan, in this example, the State dropdown will not show up since this country is not within the choice set.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        On the other hand, if we select Brazil, Canada or United States, the States will become available.  <\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        If you have any questions, please contact us on help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

        After inserting the dropdown element into the form, let’s set up its data. Now create a new choice set for the State\/Province filtering. Go to Data Management > Data Collection > Choice Sets and […]<\/p>\n","protected":false},"author":5,"featured_media":5553,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2231,4],"tags":[2200],"class_list":["post-2537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data-management-the-platform","category-the-platform","tag-data-management"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2537"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2537\/revisions"}],"predecessor-version":[{"id":7263,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2537\/revisions\/7263"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5553"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}