{"id":236,"date":"2021-09-28T15:38:29","date_gmt":"2021-09-28T15:38:29","guid":{"rendered":"https:\/\/zapable.com\/docs\/?post_type=docs&#038;p=236"},"modified":"2021-09-28T15:39:07","modified_gmt":"2021-09-28T15:39:07","password":"","slug":"adding-a-record-to-your-cloudflare-account","status":"publish","type":"docs","link":"https:\/\/zapable.com\/docs\/docs\/custom-domains\/adding-a-record-to-your-cloudflare-account\/","title":{"rendered":"Adding A Record To Your CloudFlare Account"},"content":{"rendered":"\n<p>The next step that we need to do is to add a record to our DNS that is going to display the PWA application that we are setting up in this tutorial.<\/p>\n\n\n\n<p>Here there are two things you first need to consider.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Are you going to use the full domain to display the application i.e. businessname.app<\/li><li>Are you going to use a subdomain to display the application i.e. app.businessname.com<\/li><\/ol>\n\n\n\n<p>It is important to decide which one of these methods you are going to use because this will determine the type of record you need to add to your DNS in CloudFlare.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-27a971a9 gb-headline-text\">Using A Full Domain<\/h4>\n\n\n\n<p>To do this, log in to your CloudFlare account and select the domain you wish to edit.<\/p>\n\n\n\n<p>Then across the top, where all the blue boxes are, you\u2019ll see an option for DNS, select that and you\u2019ll see a screen similar to the below.<\/p>\n\n\n\n<p>If you decided on using a full domain for the PWA application to display then you will need to add two \u2018CNAME\u2019 records in the DNS settings.<\/p>\n\n\n\n<p><strong>For the first record \u2013<\/strong><\/p>\n\n\n\n<p>In the type dropdown choose CNAME<br>In the name field add the domain you want to use for your app. (e.g. domain.com \u2013 no https required)<br>In the Content field add zapable.co<\/p>\n\n\n\n<p><strong>For the second record \u2013<\/strong><\/p>\n\n\n\n<p>In the type dropdown choose CNAME<br>In the name field add \u2013 www<br>In the Content field add your domain you want to use for your app. (e.g. domain.com \u2013 no https required)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/zapable.co\/academyblog\/wp-content\/uploads\/2021\/06\/pwa-cname-records-1024x186.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Then click the save button and it will add this record to your DNS.<\/p>\n\n\n\n<p>Please note that records being added can take up to 24 hours to be applied.<\/p>\n\n\n\n<h4 class=\"gb-headline gb-headline-4538d99d gb-headline-text\">Using A Sub Domain<\/h4>\n\n\n\n<p>To do this, log in to your CloudFlare account and select the domain you wish to edit.<\/p>\n\n\n\n<p>Then across the top, where all the blue boxes are, you\u2019ll see an option for DNS, select that and you\u2019ll see a screen similar to the below.<\/p>\n\n\n\n<p>If you decided on using a sub domain for the PWA application to display then you will need to add a \u2018CNAME\u2019 record in the DNS settings, using the app name or the text you want for the sub domain for the name field, and then point that to the target zapable.co as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/zapable.co\/academyblog\/wp-content\/uploads\/2021\/05\/cname-record-zapable-co-1024x304.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Then click the save button and it will add this record to your DNS.<\/p>\n\n\n\n<p>Please note that records being added can take up to 24 hours to be applied.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The next step that we need to do is to add a record to our DNS that is going to display the PWA application that we are setting up in this tutorial. Here there are two things you first need to consider. Are you going to use the full domain to display the application i.e. &#8230; <a title=\"Adding A Record To Your CloudFlare Account\" class=\"read-more\" href=\"https:\/\/zapable.com\/docs\/docs\/custom-domains\/adding-a-record-to-your-cloudflare-account\/\" aria-label=\"More on Adding A Record To Your CloudFlare Account\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[76],"doc_tag":[],"class_list":["post-236","docs","type-docs","status-publish","hentry","doc_category-custom-domains"],"year_month":"2026-04","word_count":419,"total_views":"194","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"zapdocs","author_nicename":"zapdocs","author_url":"https:\/\/zapable.com\/docs\/author\/zapdocs\/"},"doc_category_info":[{"term_name":"Custom Domains","term_url":"https:\/\/zapable.com\/docs\/docs-category\/custom-domains\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":2,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/236\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/236\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/media?parent=236"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_category?post=236"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}