{"id":3835,"date":"2024-05-02T16:02:00","date_gmt":"2024-05-02T10:02:00","guid":{"rendered":"https:\/\/directorist.com\/blog\/?p=3835"},"modified":"2024-12-05T11:08:01","modified_gmt":"2024-12-05T05:08:01","slug":"create-a-directory-website-using-oxygen-page-builder","status":"publish","type":"post","link":"https:\/\/directorist.com\/blog\/create-a-directory-website-using-oxygen-page-builder\/","title":{"rendered":"How to Create a Directory Website Using Oxygen Page Builder"},"content":{"rendered":"\n<p>Back in the day, we used to create a website using raw codes with languages like HTML, CSS, JavaScript &amp; PHP. Unfortunately, these languages take up a long time &#8211; so long that it sometimes takes up an entire month to make your website up and running even though you resort to frameworks or libraries to avoid raw coding.<\/p>\n\n\n\n<p>However, if you are using Oxygen Page Builder, you can build a website within a few minutes with full control as you don&#8217;t have to code yourself. But things become even crazier and faster when it comes to building a business directory website with Oxgen Page Builder. Because with using the <strong><a href=\"https:\/\/directorist.com\/product\/directorist-oxygen-integration\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Directorist Oxygen Builder extension<\/a><\/strong>, you can build your business directory website within under just a few minutes. That&#8217;s because you will get all the required tools and settings in the form of widgets or components or elements or whatever you call it. How cool is that?<\/p>\n\n\n\n<p>Now, let&#8217;s begin with how you can create a directory website using Oxygen Page Builder.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Before_We_Move_Any_Further\">Before We Move Any Further<\/span><\/h2>\n\n\n\n<p>We assume that you have your WordPress website up and running. Now, you need to install the <strong><a href=\"https:\/\/oxygenbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Oxygen Page Builder Plugin<\/a><\/strong>. If you are in doubt about how to install in the right way, we recommend you go through <a href=\"https:\/\/oxygenbuilder.com\/tutorial\/how-to-install-oxygen-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>their official documentation<\/strong><\/a>. You can also watch their video tutorial as well from below:<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How To Build A Directory Site Using WordPress, Oxygen, and Directorist\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/QTjmwhekF7s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Now, download the <strong>Directorist plugin (free)<\/strong> <a href=\"https:\/\/directorist.com\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">from here<\/a> and install it by following <a href=\"https:\/\/directorist.com\/documentation\/directorist\/getting-started\/installing-directorist\/\" target=\"_blank\" rel=\"noreferrer noopener\">this documentation<\/a>. Once you are done with it, get the <strong>Directorist Oxygen Page Builder Extension<\/strong> <a href=\"https:\/\/directorist.com\/product\/directorist-oxygen-integration\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">from here<\/a> and install it like any other WordPress plugin. Or, if you have bought the Directorist Pricing Plan, you can also follow <a href=\"https:\/\/directorist.com\/documentation\/extensions\/installation\/installation\/\" target=\"_blank\" rel=\"noreferrer noopener\">this documentation<\/a>, to install the extension.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"A_Step-by-Step_Guide_to_Create_a_Directory_Website_Using_Oxygen_Page_Builder\">A Step-by-Step Guide to Create a Directory Website Using Oxygen Page Builder<\/span><\/h2>\n\n\n\n<p>Once you are done with the installation, hop onto the following steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Step_1_Create_Menu_Categories_or_tags_Locations\">Step 1: Create Menu, Categories or tags, Locations<\/span><\/h3>\n\n\n\n<p>First off, you can work on the accessibility, intuitiveness, and user-friendliness of your directory website. Directorist will automatically add the required pages when installing for the first time. After that, you have to <a href=\"https:\/\/wordpress.org\/support\/article\/appearance-menus-screen\/\" target=\"_blank\" rel=\"noreferrer noopener\">show the pages using the menu of a navigation bar<\/a>. You can also <a href=\"https:\/\/directorist.com\/documentation\/directorist\/getting-started\/managing-categories\/\" target=\"_blank\" rel=\"noreferrer noopener\">add categories<\/a> and <a href=\"https:\/\/directorist.com\/documentation\/directorist\/getting-started\/managing-location\/\" target=\"_blank\" rel=\"noreferrer noopener\">locations<\/a> so that visitors can effectively search their desired listings. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Step_2_Create_a_Home_Page_for_Your_Business_Directory_Website\">Step 2: Create a Home Page for Your Business Directory Website<\/span><\/h3>\n\n\n\n<p>Secondly, you need to create a homepage for your directory website. To create a homepage, naviga<strong>te to WP Admin Dashboard &gt; Pages &gt; Home &gt; Edit with Oxygen<\/strong>.<\/p>\n\n\n\n<p>Now, you should be able to see the following edit panel in which you can find the Directorist widgets. You don&#8217;t have to code anything because everything is already around here. For example, you can click on the Directorist Search Listings component or element from the Directorist menu:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/1-search-listing-1024x498.png\" alt=\"Create a Directory Website Using Oxygen Page Builder - Home Page\" class=\"wp-image-3877\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/1-search-listing-1024x498.png 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/1-search-listing-300x146.png 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/1-search-listing-768x373.png 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/1-search-listing-1536x747.png 1536w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/1-search-listing.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Finally, hit the &#8216;Save&#8217; button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Step_3_Create_an_All_Listings_Page_on_the_Directory_Website\">Step 3: Create an All Listings Page on the Directory Website<\/span><\/h3>\n\n\n\n<p>All listings page is where you will be showcasing all your listings irrespective of their locations and categories or tags. To do so, you need to edit the All Listings page with the Oxygen Page Builder again. In this case, you just need to use the All Listings component. That&#8217;s it!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-all-listings-component-1024x493.png\" alt=\"Create a Directory Website Using Oxygen Page Builder - all listing page\" class=\"wp-image-3878\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-all-listings-component-1024x493.png 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-all-listings-component-300x144.png 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-all-listings-component-768x370.png 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-all-listings-component-1536x740.png 1536w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-all-listings-component.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Your visitors might want to see the pagination or breadcrumbs for all listings. This is where comes the magic of the Directorist &amp; Oxygen Page Builder integration. That&#8217;s because you can effortlessly showcase the pagination from the Primary Tab of the component &#8220;All Listings&#8221;. Cool, right?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-show-pagination-1-1024x493.png\" alt=\"Create a Directory Website Using Oxygen Page Builder - all listing page pagination\" class=\"wp-image-3880\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-show-pagination-1-1024x493.png 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-show-pagination-1-300x144.png 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-show-pagination-1-768x370.png 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-show-pagination-1-1536x740.png 1536w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/2-show-pagination-1.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Step_4_Create_a_Single_Listing_Template_for_your_Directory_Website\">Step 4: Create a Single Listing Template for your Directory Website<\/span><\/h3>\n\n\n\n<p>Now, you need to create a single listing layout so that whenever a user selects a listing, he or she can see the details of it. To do so, you have to go to the <strong>WP Admin Dashboard &gt; Oxygen &gt; Templates &gt; Add New Template &gt; Give a name to the template &gt; Check &#8220;Directory Listings&#8221; from the Singular menu &gt; Publish<\/strong>. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/4-single-listing-template-publish-1024x514.png\" alt=\"Create a Directory Website Using Oxygen Page Builder - single listing page configuration\" class=\"wp-image-3881\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/4-single-listing-template-publish-1024x514.png 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/4-single-listing-template-publish-300x151.png 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/4-single-listing-template-publish-768x386.png 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/4-single-listing-template-publish-1536x771.png 1536w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/4-single-listing-template-publish.png 1751w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Hit &#8220;Edit with Oxygen&#8221;.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/5-edit-with-oxygen-single-listing-1024x496.png\" alt=\"\" class=\"wp-image-3882\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/5-edit-with-oxygen-single-listing-1024x496.png 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/5-edit-with-oxygen-single-listing-300x145.png 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/5-edit-with-oxygen-single-listing-768x372.png 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/5-edit-with-oxygen-single-listing-1536x744.png 1536w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/5-edit-with-oxygen-single-listing.png 1755w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Next up, you need to select the &#8220;Single Details&#8221; component. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/6-single-details-1024x499.png\" alt=\"Create a Directory Website Using Oxygen Page Builder - single details\" class=\"wp-image-3883\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/6-single-details-1024x499.png 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/6-single-details-300x146.png 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/6-single-details-768x375.png 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/6-single-details-1536x749.png 1536w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2021\/12\/6-single-details.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Don&#8217;t forget to hit the &#8216;Save&#8217; button before you exit the editor panel.<\/p>\n\n\n\n<p>Congratulations! You have successfully created a business directory website. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Bonus_Extending_the_Functionalities_of_Your_Directory_Website\">Bonus: Extending the Functionalities of Your Directory Website<\/span><\/h2>\n\n\n\n<p>Now that you have set up a directory business website, you will have to extend its functionalities to earn more revenue: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Monetizing_Your_Directory_Website\">Monetizing Your Directory Website<\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Monetizing-Your-Directory-Website-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Monetizing directory website \" class=\"wp-image-7645\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Monetizing-Your-Directory-Website-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Monetizing-Your-Directory-Website-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Monetizing-Your-Directory-Website-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Monetizing-Your-Directory-Website-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/1.Monetizing-Your-Directory-Website.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Now, you need to monetize your directory website to expand your business. In addition to a free monetization feature, Directorist allows you to streamline the monetization feature using different add-ons. For example:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Make_Money_from_the_8220Claim_Listing8221_Extension\">Make Money from the &#8220;Claim Listing&#8221; Extension<\/span><\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Make-Money-from-the-Claim-Listing-Extension-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Monetizing directory website \" class=\"wp-image-7647\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Make-Money-from-the-Claim-Listing-Extension-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Make-Money-from-the-Claim-Listing-Extension-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Make-Money-from-the-Claim-Listing-Extension-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Make-Money-from-the-Claim-Listing-Extension-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/2.Make-Money-from-the-Claim-Listing-Extension.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>In the beginning, your website may not be as popular as the big guns. Howbeit, over time your website will gain popularity with marketing efforts which opens up a wide range of opportunities to earn from the business owners. For example, you can reach out to the individual business owner saying &#8220;You have a lot of potential customers in your directory website. So, claim your listing right away!&#8221;  You can then charge a certain amount of money in exchange for their claim.<\/p>\n\n\n\n<p><strong><em><a href=\"https:\/\/directorist.com\/product\/directorist-claim-listing\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Claim Listing Extension!<\/a><\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Monetize_Using_8220Pricing_Plan8221_Extension\">Monetize Using &#8220;Pricing Plan&#8221; Extension<\/span><\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/4.Monetize-Using-Pricing-Plan-Extension-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Pricing plan extension \" class=\"wp-image-7649\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/4.Monetize-Using-Pricing-Plan-Extension-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/4.Monetize-Using-Pricing-Plan-Extension-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/4.Monetize-Using-Pricing-Plan-Extension-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/4.Monetize-Using-Pricing-Plan-Extension-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/4.Monetize-Using-Pricing-Plan-Extension.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Interestingly, you can create an unlimited pricing plan for the listing service you are offering to the listing owners. With this extension, you can also create a subscription-based pricing plan to earn more revenue by making your listing owners renew their plans to continue using your directory website&#8217;s service. If you are using WooCommerce, you can create an unlimited pricing plan using the &#8220;<a href=\"https:\/\/directorist.com\/product\/directorist-woocommerce-pricing-plans\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce Pricing Plan<\/a>&#8221; extension as well. <\/p>\n\n\n\n<p><strong><em><a href=\"https:\/\/directorist.com\/product\/directorist-pricing-plans\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Pricing Plan Extension!<\/a><\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Monetize_by_Showing_Ads\">Monetize by Showing Ads<\/span><\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/5.Monetize-by-Showing-Ads-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Monetize by showing ads\" class=\"wp-image-7650\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/5.Monetize-by-Showing-Ads-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/5.Monetize-by-Showing-Ads-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/5.Monetize-by-Showing-Ads-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/5.Monetize-by-Showing-Ads-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/5.Monetize-by-Showing-Ads.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Directorist allows you to show ads like Google Ads or local ads and earn money from them. Whenever a visitor buys something from the ads you are showing you will enjoy a certain amount of affiliate commission. It will definitely help you make more money from your website.<\/p>\n\n\n\n<p><strong><em><a href=\"https:\/\/directorist.com\/product\/directorist-adverts-manager\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Directorist Ads Manager<\/a><\/em><\/strong> <\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Allow_Live_Chat_Option_to_the_Users\">Allow Live Chat Option to the Users<\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/6.Allow-Live-Chat-Option-to-the-Users-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Allow live chat option \" class=\"wp-image-7653\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/6.Allow-Live-Chat-Option-to-the-Users-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/6.Allow-Live-Chat-Option-to-the-Users-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/6.Allow-Live-Chat-Option-to-the-Users-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/6.Allow-Live-Chat-Option-to-the-Users-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/6.Allow-Live-Chat-Option-to-the-Users.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>The Live Chat Option is necessary to make your website highly engaging. The visitors can send their messages to the listing owners using a simple yet effective contact form. This will make your website more appealing and highly interactive at the same time. Isn&#8217;t that cool?<\/p>\n\n\n\n<p><strong><em><a href=\"https:\/\/directorist.com\/product\/directorist-live-chat\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Live Chat Extension!<\/a><\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Allow_Users_to_Login_with_their_Social_Accounts\">Allow Users to Login with their Social Accounts<\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/7.Allow-Users-to-Login-with-their-Social-Accounts-1-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Allow users to login with their social accounts \" class=\"wp-image-7652\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/7.Allow-Users-to-Login-with-their-Social-Accounts-1-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/7.Allow-Users-to-Login-with-their-Social-Accounts-1-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/7.Allow-Users-to-Login-with-their-Social-Accounts-1-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/7.Allow-Users-to-Login-with-their-Social-Accounts-1-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/7.Allow-Users-to-Login-with-their-Social-Accounts-1.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>You can use the Directorist Social Login extension to make the login process easier. It eliminates the need to register by manually entering the credentials. Consequently, you will be able to diminish the friction and bounce rate making your website more user-friendly. <\/p>\n\n\n\n<p><strong><em><a href=\"https:\/\/directorist.com\/product\/directorist-social-login\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Social Login Extension!<\/a><\/em><\/strong> <\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Reach_75_Billion_Mobile_users_with_a_Native_Mobile_App\">Reach 7.5 Billion Mobile users with a Native Mobile App<\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/8.Reach-7.5-Billion-Mobile-users-with-a-Native-Mobile-App-1024x410.jpg\" alt=\" Create a Directory Website Using Oxygen Page Builder- Native Mobile App \" class=\"wp-image-7654\" srcset=\"https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/8.Reach-7.5-Billion-Mobile-users-with-a-Native-Mobile-App-1024x410.jpg 1024w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/8.Reach-7.5-Billion-Mobile-users-with-a-Native-Mobile-App-300x120.jpg 300w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/8.Reach-7.5-Billion-Mobile-users-with-a-Native-Mobile-App-768x307.jpg 768w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/8.Reach-7.5-Billion-Mobile-users-with-a-Native-Mobile-App-360x144.jpg 360w, https:\/\/directorist.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/01\/8.Reach-7.5-Billion-Mobile-users-with-a-Native-Mobile-App.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Now is the time for mobile apps because there are more than 7.5 billion mobile users from around the world. Meaning you have got an enormous opportunity to reach them using a mobile app. Almost every big brand has a mobile app in place. However, we know how hard it is to build an effective mobile app for a startup considering the super high development cost. <\/p>\n\n\n\n<p>Not to worry! &#8216;Cause, we have come up with a free mobile app (only a little service charge) which we will develop for you from our end. <\/p>\n\n\n\n<p> <strong><em><a href=\"https:\/\/directorist.com\/mobile-app\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Mobile App Now!<\/a><\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Putting_It_Altogether\">Putting It Altogether<\/span><\/h2>\n\n\n\n<p>Making a directory website with Oxygen Page Builder is that easy with the help of the Directorist. Currently, you will get <strong>17 Directorist components or elements<\/strong> in the Oxygen Page Builder. In fact, you can implement any feature you can imagine in your Directorist powered directory website with full control and scalability. For advanced performance and control on the Directorist components or elements found in Oxygen Page Builder, you can use the <a href=\"https:\/\/directorist.com\/blog\/wordpress-business-directory-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\">directory builder<\/a>. We did not talk about it since we tried to make the process simpler and shorter for you in this article. <\/p>\n\n\n\n<p>However, if you are stuck with a step, don&#8217;t hesitate to shoot us a message in the comment section below. We will certainly hear you and respond to you so that you don&#8217;t feel helpless and stranded. That&#8217;s all! Happy WordPresssing.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background wp-element-button\" href=\"https:\/\/oxygenbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Oxygen Page Builder Plugin Now!<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background wp-element-button\" href=\"https:\/\/directorist.com\/product\/directorist-oxygen-integration\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Oxygen Page Builder Integration Now!<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-purple-background-color has-background wp-element-button\" href=\"https:\/\/directorist.com\/ref\/69\/?campaign=CreateaDirectoryWebsiteUsingOxygenPageBuilder\" target=\"_blank\" rel=\"noreferrer noopener\">Get the Directorist Plugin Now!<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Back in the day, we used to create a website using raw codes with languages like HTML, CSS, JavaScript &amp; PHP. Unfortunately, these languages take up a long time &#8211; so long that it sometimes takes up an entire month to make your website up and running even though you resort to frameworks or libraries [&hellip;]<\/p>\n","protected":false},"author":3653,"featured_media":3924,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,10,32],"tags":[89,90,88],"class_list":["post-3835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-directorist","category-plugins","category-tutorials","tag-directorist-oxygen-extension","tag-oxygen-directorist-integration","tag-oxygen-page-builder-directory-website"],"_links":{"self":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/3835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/users\/3653"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/comments?post=3835"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/posts\/3835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media\/3924"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/media?parent=3835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/categories?post=3835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/directorist.com\/blog\/wp-json\/wp\/v2\/tags?post=3835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}