CouponSeek - Coupons & Offers WordPress Theme
- Subsolar Designs
- Official Site
Thank you for purchasing our Theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via the Support tab of the Theme on ThemeForest. If you are happy with the Theme, you can rate it. This will help us a lot! Thank you so much!
Installing Theme
Unzip the downloaded package. You can install the Theme in one of the following ways:
- FTP - copy the non-zipped folder in the /wp-content/themes/ directory in the WordPress installation of your server.
- Upload - Go to Appearance > Themes in the Admin Dashboard, click the Add New button, then Upload Theme and choose the zipped file with the theme.
If you get a style.css not found error, make sure you are uploading the correct file. It's important to know that the file you have to install is the one inside the downloaded package.
After that go to Appearance > Themes and click Activate on the Theme. After the activation a warning about the plugins that are required will be shown at the top:
Click on Begin Installing Plugins. After that, make sure you also Activate the plugins.
Notice: After you install and activate the SkyTower Functionalities and Advanced Custom Fields PRO plugins, you can go to Appearance > Theme Settings and click the Save Changes button so that the initial options and styles are saved and applied.
SkyTower Content Shortcodes are powered by the awesome Elementor Page Builder. It gives you the option to arrange and create the Pages in your website just as you like. You can check their website on how to Get Started or you can also watch this video which shows how to arrange a Page:
The coupons and deals in the theme are handled by the WooCommerce Plugin. Upon installing and activating the plugin, you will be asked to set it up.
The offers inside the Theme are created as WooCommerce Products.
Note: If you are new to WooCommerce you can follow their detailed guide on how to set it up here.
1 Click Demo Install
You can install the initial dummy content so you get your site up and running faster than ever. After doing the steps above, click on Tools > Content Install and install the dummy data.
Warning! All of your existing content will need to be replaced with the demo content and thus it will be deleted.
It will create some sample blog posts, placeholder images, navigation menu and pages built the way it is shown in the online demo.
Notice: If you receive a timeout error or it takes way too much time to install check your server timeout settings. Please configure it and increase the server execution time. If you don't know how, contacting your hosting provider is strongly encouraged. Thanks for the understanding.
If you receive a Page Not Found error when navigating the site, make sure the permalinks are correct. Go to Settings > Permalinks and select the Post Name option and click Save Changes.
Theme Options
Navigate to Appearance > Theme Settings in the Admin Sidebar.
The options here are very clear:
General
Here you can add a logo or title for the Navigation. You can also specify the Footer type - its Background Type, Text and Text Color. The footer widgets can be added via the Appearance > Widgets menu where they can be put into three Footer Columns.
The Google API Key field is for the proper usage of the Google Maps throughout the Theme.
Styling and Layout
You can style the 404 Error Page here. It can be using a custom background color or a background image. Here you can also change the Main Colors of the Theme and write Custom CSS.
WooCommerce
Here you have adjust options related to the WooCommerce plugin and its layout. You can choose to hide the Profile and Cart icons in the navigation as well as select the layout of the Shop page and the Number of Products Per Page.
Search Bar
Select where to show the Search Deals Bar as well as adjust its layout and options.
Deals
Choose how to display the External Products (Deals) and an option to change the Expired Products status to Draft. You can also adjust the default location settings for the deals.
Typography
Select the Heading, Subheading and Body fonts of your site.
WooCommerce Options
After installing the WooCommerce plugin you can adjust its settings in the WooCommerce > Settings. The only more important options are the Currency Options, found under the General Tab. There you can adjust the number of decimals and the Currency.
You can also put Category Icons for each Product Category. In the Admin Panel, Go to Products > Categories. There when you edit or create a new Category you will find the options for the Category Icon:
Setting Up the Menu
To customize the navigation menu go to Appearance > Menus and customize it as you'll normally do on a WordPress site.
And don't forget to check the Theme Location at the bottom of the page to select where you want it to be displayed.
If you want to add additional pages to the menu like Products click on Screen Options in the upper right corner of the page and check the types that you want to appear as items for the menu navigation.
When you are done, click Save Menu.
Page Builder
When creating a new page, a button above the content editor Edit With Elementor will show the builder.
Clicking the button will open the Elementor Editor. There you can drag an element from the sidebar that will be added to the page flow. Clicking the element after it is inserted will open its options.
Here you can find a video that shows the features of the Elementor Page Builder. The video shows some of the default Elementor Widgets that come with the plugin and ways on how to create and adjust your page.
Page Options
When you click to edit a page from the Admin Dashboard, you can find additional Page Options like Hide Title and Transparent Navigation:
Page Builder Widgets
The theme adds multiple Elementor Widgets that are created and styled specifically for the purpose of the theme.
For each widget you can adjust its options and content in the Content Tab in the Elementor Sidebar and it's styling in the Style Tab. Most of the widgets are self-explanatory. Here is a list with details of the more specific widgets:
Poster
The Poster is a very flexible widget that can be customized in various layots. It could be used as a Call To Action element or an element that shows a promotion or some advertisment. The widget consists of an Image, Content and a Button. In the Content Tab you can adjust the Skin or layout - this changes the position of the image in the element. An image as well as an overlay image can be added, which can also change on hover. Depending on the layout, in the Style Tab you can adjust the image width, height, box height. You can also add border to the content or box, adjust the content text color and background color, add padding, change the button colors and add hover effects to the image and content.
Elementor Templates
The theme comes with Elementor Templates that you can use per page basis. To Import them for later use in your theme, go to Templates > Saved Templates and click Import Templates in the upper part of that page. Choose the *.zip file found in the /elementor-templates folder that you can find in the theme package you downloaded.
You can them use them when you insert an Elementor Section in a page. You can find the imported templates in the My Templates tab of the popup window. You can watch more in the following video:
Creating a Product
After you install and set up WooCommerce you will have the option to create Products for your shop. To show, sell or redirect the different Offers and Coupons, these Products are styled and configured to fulfill that purpose. These are the items that appear in the Shop Page as well as the All Products and Product Slider Shortcodes.
In the Admin Panel, go to Products > Add New. On the Right Side from the Product Category you can add Categories to the current product (deal). Here you can also add the Product Image and Product Gallery.
Here is a description of all of the fields on the page:
- Main Content - the text displayed in the description in the Single Product Page.
- Product Data - contains all of the additional WooCommerce fields. Here you can select the Product Type as well as insert the Price, Type of Product, Stock Status, Additional Attributes and more.
- Product Fields - here you can adjust the Ribbon Text for the deal. You can also set the Expiring Date - when you choose a day, the offer will end at 00:00 (the beginning of) that day. There is also the option to select a Location for that Product (Deal).
- Product Short Description - the text displayed next to the Product Image in the Single Product Page, under the Price for the Product.
Conditional Fields
Some fields are shown only in specific cases. When you select External Product in the Product Data, there is an additional field shown below the Product Fields - Product - External:
Here you can enter a Discount Code which will be shown when the Product (Deal) is redeemed. The user is present with the code and after that is redirected to the deal.
More Information and how to create External Deals can be found in the Create an External Product section.
Another conditional field is the Vendor field. It is shown after installing and activating the WC Vendors plugin.
Here you can select the Vendor that is offering this Product (Deal).
More Information and how to add Vendors can be found in the Register Vendors section.
Creating an External Product
The External Product cacn be used to add Coupons and Offers that redirect the user to another website. Here is a guide on how to do this:
-
When adding a New Product, select its Type to External/Affiliate Product in the Product Data field. You can also set the Price, Sale Price and the Button Text for the redeem button.
-
In the General Tab you have the option to set the Product URL to which the user will be redirected on redeeming the deal.
-
An additional field below the Product Data and Product Fields - Product - External is shown. Here you can add a Coupon Code that will be shown to the user before he is redirected to the external URL.
-
When you are done adding and configuring the different options click the Save changes button.
After you Publish (or Update) the Product, its Single Product Page will display the Price and the Button to the URL you have added:
If you have added a Coupon Code for the Product, clicking the button will show and copy the code:
Register Vendors
The theme is created to be fully compatible with the WC Vendors Plugin. It is a free plugin which allows users to register as vendors, who can submit products and earn commissions on each sale. You can read a detailed guide on their official website.
After installing and activating the plugin you can adjust its settings in Admin Dashboard > WooCommerce > WC Vendors.
You also have the option to manually add and edit Users, who are Vendors. In the Admin Dashboard > Users you can select/create an user and make him a Vendor.
After making an user a Vendor, there are be additional options available that can be adjusted for that user - Commission Rate, Shop Logo, Seller Info. Most importantly make sure that a Vendor has a Shop Name as that name is used throughout the site to display the Vendor.
Each Vendor can also edit his options from the Account Dashboard by logging in to the website.
Creating a Membership Plan
The theme supports WooCommerce Memberships plugins which enables creating paid plans for memberships of your site. If you only want to manually grant access to memberships on your site, you can skip this setup step. If you’d like to sell membership access, you’ll need to create a product to do so. Memberships are not a particular product type; instead, they can be tied to any kind of product on your site. You can find a quick start guide here
When you publish your membership product, you will see it appearing along your deals. You can hide it by going to its edit page and changing the visibility to Private.
You can read more about the plugin here.
Creating a PDF Voucher
The theme comes with a support for
WooCommerce - PDF Vouchers plugins which provides you the option to generate printable PDF voucher codes. To create a PDF Voucher Product you will have to make it Simple product with Downloadable checkbox enabled or Variable product.
This will open and additional tab with WooCommerce Fields called PDF Vouchers just under Advanced. Clicking on it will provide you with all the options that the plugin gives for editing.
You can also create Voucher Templates by going to WooCommerce > Voucher Templates in the admin dashboard. You can read more about the Drag & Drop** interface here.
You can read more about the plugin here.
Contact Page
The theme uses the Contact Form 7 plugin for the Contact Page Template. The plugin is one of the recommended plugins that was installed in the first step. You can read more about the plugin here.
The shortcode for the contact page can be found in the Contact Tab on the left on the Admin Panel, and then add new or use an already created form.
The style of the Contact Form in the demo is the default one from the plugin. The code is in the Form tab when you edit the Contact Form:
<label> Your Name (required)
[text* your-name] </label>
<label> Your Email (required)
[email* your-email] </label>
<label> Subject
[text your-subject] </label>
<label> Your Message
[textarea your-message] </label>
[submit "Send"]
When creating a new Page, you can paste the shortcode and it will appear. If you edit the page with Elementor, drag and drop the Shortcode widget and paste the text shortcode from above in it as shown on this screenshot:
Blog Page
Go to Pages > Add New, write the page title and select Blog from the Template dropdown on the right. Here you have the options to Show Search Header for the deals and to Show Search Field.
Then click the Publish button.
Make sure that the page is NOT selected in the Post Page menu in Settings > Reading in the WordPress Admin Dashboard.
Click Save Changes.
Widgets
Go to Appearance > Widgets. There you can find multiple places where you can put Widgets.
-
The Main Sidebar is used in the Blog and Blog Posts.
-
The Shop Sidebar is used in the Shop Page as well as the Search Product Pages and Archive (Product Categories, Vendor Page) Pages.
-
There are also Three Footer Columns where you can put widgets. No matter how many columns you choose to put widgets in, they always take the full footer width.
Tips, Tricks & FAQ
Using a Child Theme.
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within. You can find more information here.
The Theme comes with an already created child theme ( couponseek-theme-child ). If you create customizations, it's recommended to use that instead of the parent theme.
I want Coupon Codes for the External Products to show without entering the Single Product Page. How can I achive this?
In the Admin Dashboard > Appearance > Theme Settings > Deals you can select the Show External Products Only As Pop Up field to do this.
That way when a Deal is redeemed a Pop Up will be shown, without going to the Product's Page:
It seems like Google Maps is not working. What should I do?
Google have changed their Google Maps policies and now an API Key has to be present for Google Maps to work. Create one, go to Theme Settings > General and enter your Google API Key. You can find more information here.
I can't seem to be able to allow users to register.
To enable user registrations, enable it from the WooCommerce settings panel found in WooCommerce > Settings > Account.
Can I translate the Theme to another language or change some of the text strings?
Yes, the Theme comes with a .pot file which contains all of the Theme's text strings. You can translate the theme by using a program like POEdit or a plugin like Loco Translate or WPML.
How can I display the Search Bar on a Page I have created?
You can select where the Search Bar is displayed from Admin Dashboard > Appearance > Theme Setting > Search Bar. In the Show Search Header you can check the Pages you want it to be shown.
Also when you edit your page, make sure that the Search Header is shown:
How can I make Pages take the full width of the browser.
There is an option available to all Pages when they are edited. It's below the Page Title - it can be checked to enable Full Width.
When I enter a Product or another page, it gives me 404 Not Found.
Go to the Admin Dashboard > Settings > Permalinks, click on Post Name and after that Save Changes at the bottom.