Theme Installation

Installing Daily Deal using the WordPress dashboard

  1. Connect to the member area, expand the Daily Deal theme section and download the DailyDeal.zip file.
  2. Inside your WordPress dashboard, navigate to Appearance ⇨ Themes ⇨ Add New ⇨ Upload and load the .zip file you just downloaded.
  3. Once the upload is finished click on “Activate”. With that done choose to “Install sample data”.

Installing with FTP

Installing via FTP is necessary on servers that aren’t optimized for WordPress and can often interrupt the installation process because of the long execution time. Good news is that this type of install isn’t particularly hard, just longer compared to installing from the back-end.

For general instructions about using FTP please open this tutorial.

  • Connect to the member area and download the DailyDeal.zip file.
  • Extract the file using software like 7-Zip. Use the Extract Here option.
  • Assuming you read the above linked FTP tutorial, navigate to /wp-content/themes/ on your server and upload the extracted theme folder
  • Login to your WordPress dashboard and go to Appearance ⇨ Themes. Activate the Daily Deal theme
  • While in the Appearance ⇨ Themes section, click on the blue “Install sample data” button to populate your site with dummy data and make it look like our demo.

 

Create a deal

Creating deals is probably the most important thing you’ll do in Daily Deal so we’ll get that out of the way first. In Daily Deal, “deals” are a custom post type meaning they are separate from your blog posts (how to create a Blog?) and different rules apply to them. For starters we’ll focus on how to actually create a deal.

From the back-end

As the site admin you can create deals from the WordPress dashboard (i.e. the back-end) and using the deal submission form (i.e. the front-end). In comparison, regular visitors (users) can only use the front-end submission form.

To create a deal head over to wp-admin ⇨ Deal ⇨ Add New Deal. The title, description and categories are entered/chosen the same as for any other WordPress post. Daily Deal-specific options are available below in two sections: Custom Settings and Deal Options

Custom Settings

This area holds custom fields created in the wp-admin ⇨ Daily Deal ⇨ Post Custom Fields section. Custom fields allow you to provide additional information about the field. For details on how to actually create those fields, click here.

By default there is just one custom field – Voucher Text. Its value (and values of other custom fields) will be shown on the deal detail page below the main deal description.

Deal Options

The Deal Options area is where you enter most of the important information about the deal. The section features multiple fields for which you must assign values. Some fields are self-explanatory so I’ll focus on those that require further explanations.

Status

This feature controls the exposure of the deal by allowing you to select between 4 possible states:
Active – display the deal inside the big box on the homepage
Terminate – select this if you want to remove a previously “Active” deal from the homepage
Accept – makes the deal available for purchase on the site. It will show up inside category pages and the homepage “Categorywise Deals” widget.
Reject – use this to make the deal unavailable on the site. To remove the deal altogether use the “Move to Trash” option next to the Publish/Update button.

Name of the seller & Sellers website

The information you place inside these fields will form a link shown within the context of the deal. Here’s a quick screenshot of that link within a deal detail page.

Total number of items

The number of copies (of the product) available for purchasing. If you have an unlimited number at your disposal, don’t enter 0, enter a really high number instead (something that cannot be reached).

Original and discounted price

Enter only the number in these fields. Do not enter the currency symbol.

Thank you page

Enter a URL here if you want people to visit the deal owner site after making the payment. If you want them to say on your site just leave the field blank.

Deal type selected by the seller

This is an important option… it controls how the actual deal will behave. The options are:
Custom Link Deal – instead of initiating a checkout process, clicking on the “Buy Now!” button will instead redirect the visitor to the URL specified here
Digital Product Deal – upload a file (like a PDF) that people can purchase and then download directly on your site.
Coupon Email/Print – Online – create a coupon visitors can use to get a discount at the establishment mentioned inside the deal. “Single coupon” means that every buyer gets the same coupon. “Multiple coupons” forces you to enter a unique coupon code for each possible buyer. The number of entered coupons must correspond with the “Total number of items” field. To quickly generate up to 250 random codes, use randomcodegenerator.com.
Coupon Email/Print – Product – choosing this option will introduce two new fields for shipping options. Since you can only define a single shipping cost I don’t really recommend using this deal type.

Minimum purchases required

Use this field if you want the deal to become active only after a set number of purchases have been made. For example, if you set the minimum purchases to 5 and only 3 purchases are made, the deal is cancelled and you need to manually refund those 3 purchases.

From the front-end

Submitting deals from the front-end means using the deal submission form. By default, a link to this form is provided inside the top right corner of your site (“Submit Deal”). You can also access it by entering a URL such as this one inside your address bar: http://your-domain.com/?ptype=dealform

The fields inside this form are the same as the ones inside the back-end. As with the back-end Custom Settings section, you can add new fields by going to Daily Deal ⇨ Post Custom Fields. Fields added using that section will be shown at the bottom of the submission form.

If you’re skilled with PHP and want to edit the existing fields of the form.

 

The money flow in Daily Deal

In Daily Deal you (the admin) get all the money generated by the site. The funds from every deal purchase on your site will go to your account. Once the deal is finished it is your job to forward the money to the sellers. This transaction is done off-site so you can use whichever method works best for you.

Since these transactions are done off-site, you can set the commission to whatever works best for you. Commissions vary from site to site, but they are often between 30-50 percent. As the middleman you play a large role in the whole purchase process.

 

Manage Daily Deal pages

The homepage

When you load your sites homepage most of the stuff will be widgets (apart from the big featured deal). The homepage itself is a regular WordPress page created with the Home Page page template. This page (with the “Home Page” page template) is normally created during theme activation and automatically assigned as the sites front page. However, if it’s not, i.e., if your homepage is not showing widgets follow these steps to fix it:

  1. Go to Pages ⇨ Add New. Enter the page title as “Home” (for consistency sake, this isn’t really important) and on the right side, under Page Attributes ⇨ Template choose the “Home Page” template. Publish the page.
  2. Navigate to Settings ⇨ Reading and under “Front page displays” choose “A static page”. In the “Front page” dropdown choose “Home”.
  3. Go to Appearance ⇨ Widgets to populate the homepage with widgets. The widget areas that appear on the homepage are: Homepage: Intro, Header Right, Homepage: Below Today’s deal, Footer – Full Width, Pre-Footer and Footer.

To learn more about the homepage and each of its elements, study the image displayed below.
homepage

1 – Login and register buttons

Using this section existing members can quickly reach the login form while new visitors can sign up. If you can’t see the “Sign Up” button here go to wp-admin ⇨ Settings ⇨ General and enable the “Memberships” option.

To remove/hide this area altogether add the following CSS snippet inside Appearance ⇨ Custom CSS Editor

.login_area {
display: none;
}

2 – Logo & Tagline

To change your logo go to Appearance ⇨ Customize ⇨ Site Logo ⇨ Site Logo and Icon.

To remove the tagline shown below the logo expand the “Site Title & Tagline” option (while in the Customize section) and uncheck the “Display Tagline” option. In case you want to remove the logo altogether and display your site title instead, expand the Site Logo section again and click on the current logo image. Now click on the “Remove Image” link.

3 – Primary menu area

You can assign a menu here by going to Appearance ⇨ Menus and creating a menu. When you’re done select “Primary Menu” under Menu Settings ⇨ Theme Locations. For details on how to create custom menus watch the following video…

One thing worth noting is that creating a custom menu won’t remove the “Submit Deal” link. To remove that button go to Daily Deal ⇨ Daily Deal ⇨ ‘Submit Deal’ link settings and choose “Disable”.

4 – The Welcome message

To edit or remove this section head over to Appearance ⇨ Widgets and expand the “Homepage: Intro” widget area. If the area is empty simply place the native WordPress “Text” widget inside the area. Wrap your message inside h1 tags in order to make it as big as on our demo. Example:

<h1>This is a welcome message</h1>

5 – The featured deal

This area displays the deal that is set as “Active” inside the “Status” option while creating/editing a deal. This option was explained earlier in the guide.

To edit the content that shows inside this box open the following file: wp-content/themes/DailyDeal/page-templates/front-page.php. The code you need to edit is wrapped inside the deal-list-wrap div.

Not sure how to open that file? Be sure to read our FTP tutorial.

6 – Section for displaying other deals on the homepage

You can use this section of the homepage to display other deals available on your site. The content is displayed with a widget… so go to Appearance ⇨ Widgets and place the “T – Categorywise Deals” widget inside the “Homepage: Below Today’s deal” widget area.

The widget will offer a few options, among those is the ability to filter deals by categories. This allows you to create a specific deal category for the homepage (e.g. “Featured on homepage”). Once the category is created (in Deals ⇨ Deal Categories) you just mention its ID inside the widget. If you’re unsure how to get the category ID watch the following video

7 – Newsletter section

To re-create this section head over to Appearance ⇨ Widgets and place the “T – Newsletter” widget inside the “Footer – Full Width” widget area. In order to utilize this widget you’ll need to setup an account with 1 of 4 email providers: Feedburner, MailChimp, FeedBlitz, Aweber.

If you already have a feedburner account (for handling RSS feeds), you can enable email subscriptions by following instructions posted in this article.

8 – The pre-Footer area

You can use this area to provide some additional information about the site or offer links to other (non deal-related parts) of the website. Inside the screenshot above all three areas are created using the native WordPress “Text” widget. The area can hold up to 4 widgets (in one row).

9 – The Footer

By default this area is used for providing links to the sites social media networks. To make that happen go to Appearance ⇨ Widgets and place the “T – Social Media Bookmark” widget inside the “Footer” widget area. Once the widget is placed you’ll be required to enter the link name and URL for each social site.

10 – Footer credits

You can edit/remove this section by going to Appearance ⇨ Customize ⇨ Footer. Now either edit or remove the code entered there.

Deal detail page

A deal detail page is what you get after creating a deal from wp-admin ⇨ Deals ⇨ Add Deal. The image below will outline key areas of the detail page and how you can edit (or even remove) them.
detail_page

1 – Breadcrumbs

Breadcrumbs are used to display a path to the current page. In DailyDeal there are no options for managing them. If you want to remove them just add this to Appearance ⇨ Custom CSS Editor

.breadcrumb-wrap .breadcrumbs {
display: none !important;
}

2 – The actual deal

You control the contents shown here by editing the actual deal. For details on this visit the “Creating a deal – back-end” part of this guide.

3 – Deal detail page sidebar

To add content inside this section of the theme head over to Appearance ⇨ Widgets and insert widgets inside the “Detail Detail Page – Sidebar” area. The widgets used inside the screenshot above are:

  • Search (native WordPress widget)
  • T – Loginbox
  • T – Deal Taxonomy
  • Tag Cloud

4 – Sharing buttons

Facebook and Twitter sharing buttons allow visitors to notify their friends about deals on your site. The buttons will automatically construct a post/tweet based on the current URL (no action is necessary on your part). You can control which social buttons appear here from the Daily Deal ⇨ Daily Deal section.

To quickly remove the whole section just add this to your Custom CSS Editor

.social-media-shareicon {
display: none;
}

5 – Next/Previous buttons

The function of these buttons is pretty straightforward, they allow visitors to quickly move onto the next deal (they are sorted by publish date). To remove this section add this to your Custom CSS Editor

.post-navigation {
display: none;
}

6 – Related Deals

Editing of this section is only available through the code. You can do it by opening wp-content/themes/DailyDeal/single-seller.php and locating the related-deals DIV around line 334. Make your edits inside that DIV and inside the few lines above it.

For example, the easiest way to hide the whole area would be to edit the IF condition. Change it from this

if($post_content) { ?>

To this

if(1==2) { ?>

7 – The comments section

If you don’t want to allow visitors to comment on each other deals head over to Daily Deal ⇨ Daily Deal and hit No for the “Enable Comments on Deal detail page” option.

Deal category pages

Deal category pages in Daily Deal are entirely dynamic, meaning they’ll be constructed automatically based on available content. Apart from actually creating the category, you don’t need to do much else. To get started head over to wp-admin ⇨ Deals ⇨ Deal Categories and use the section on the left to create a new category. Since empty categories won’t impress anyone, head over to Deals ⇨ Add New Deal and create a new deal.

You can open a category in the front-end by going to Deal ⇨ Deal Categories and hovering over the category you want to open. Now just hit the “View” link.

When you open the category you’ll see three tabs: All Deals, Live Deals and Expired Deals. These tabs are populated and maintenance automatically based on the deal start and end dates. If you’re interested in removing the Expired tab connect to your server and open the following file: DailyDeal/taxonomy-seller_category.php. Comment out the following code (around line 65)

<dd><a href="<?php echo $main_url.$expired_deal_querystr ;?>#panel2-3"><?php echo EXPIRED_DEAL; ?></a></dd>

Deal categories can also be added to navigation menus in order to make them more accessible. While creating a menu in Appearance ⇨ Menus, click on the “Screen Options” button in the top right corner and enable “Deal Category”. You can now add deal categories to the menu by checking them on the left side and clicking “Add to menu”. For details on creating custom menus watch our Custom Menus Video.

Quick tip: To increase the number of entries available per-page on category pages (default is 5), go to wp-admin ⇨ Settings ⇨ Reading and change the value associated with the “Blog pages show at most” option.

Setting up a Blog page

Along with the ability to showcase deals, the Daily Deal theme also allows you to run and manage a blog. You can create individual posts by going to wp-admin ⇨ Posts ⇨ Add New. The Blog is essentially just a category holding those individual posts. So… follow these steps to create a Blog

  1. Create a new category in Posts ⇨ Categories and name it Blog.
  2. Add posts to that category by going to Posts ⇨ Add New.
  3. By adding the posts our Blog page was automatically created. You can see it by going to Posts ⇨ Categories and clicking on the “View” link

view
I also recommend adding this Blog category to your navigation menu. Do that by going to Appearance ⇨ Menus and creating a new menu. Expand the categories dropdown, choose blog and hit “Add to menu”. For details on creating custom menus watch our video tutorial.

 

Advanced settings

Custom fields: Submission form

As mentioned earlier, in Daily Deal visitors can submit deals from the front-end by using the submission form. For details on how to remove existing fields from the form check out the FAQ, in this section we’ll cover how to add new fields inside the form. This is done from Daily Deal ⇨ Post Custom Fields ⇨ Add a new custom field. The options available inside that section are as follows…

Show in post-type: Since there is no front-end submission form for posts, you should choose “Deals” here

Field type: Select what kind of field this should be. If you want visitors to enter a bit of text, choose “Text”. If you want them to provide a lot of text, choose “Text Editor”. For multiple choice options focus on Multi Checkbox, Select and Radio types. Choosing one of those three field types will add a new option inside the form (Option values).

Field name (admin) | Field label (front-end) | Field name (back-end): You can enter the same name for the field inside all of these.

HTML variable name: A unique keyword that will define your field. Avoid capital letters and spaces. If your field name is “My awesome field”, the HTML var name should be my_awesome_field.

Note: There are more options within that form, but they are all self-explanatory

How to display field values?

The built-in custom fields functionality allows you to display custom fields within the deal detail page. However, what about other places; like the homepage, or category page? Custom field values can be displayed anywhere by using the get_post_meta() function. Here’s an example with using that “My awesome field” mentioned earlier

<?php echo get_post_meta( POST_ID, 'my_awesome_field', true); ?>

POST_ID is the ID of the post you’re fetching. Open this article if you’re unsure how to get the ID.

 

Custom fields: Register form

To add new fields to your registration form use the Daily Deal ⇨ Custom user-info section. The process of creating the field is almost identical as above. One of the differences is that you have a bit more control over where the field value is shown. You can choose between the actual register page and the profile page (i.e., the user dashboard page). The user dashboard page is the one that opens once logged in visitors click their name inside the top right corner. The URL structure is similar to this: http://your-domain.com/author/the-username/

Similar to regular custom fields, user profile fields also have a handy function for showing field values – get_user_meta().

 

Affiliate module

To manage your affiliates head over to Daily Deal ⇨ Manage Affiliate. Instead of explaining what each options does, I’ll just walk you through the process of setting up the affiliate system and managing members and transactions generated by it.

  1. Enable the affiliate module by going to Daily Deal ⇨ Manage Affiliate ⇨ Settings ⇨ Activate Affiliates. Choose Yes.
  2. Set the desired affiliate share amount in the next input field. To set it at 30%, enter 30 (just the number).
  3. Create an affiliate link by going to Manage Affiliates ⇨ Links ⇨ Add Affiliate Link. Make sure to populate the “Link URL” field with a link to one of the deals on your site.
  4. Go to Manage Affiliates ⇨ Settings and copy the Affiliate Registration URL. Paste it inside an incognito window (or a different browser).
  5. Proceed with creating an affiliate account using the affiliate registration form.
  6. With the account created (and you logged in as affiliate), open your user dashboard (by clicking your name in the top right corner) and then click on the “Affiliate Links” tab. Copy the affiliate link available there and paste it inside another incognito window (or the initial browser you were using).
  7. Proceed with checkout of the deal on your site. Choose “Pre Bank Transfer” or “Pay Cash on Delivery” to avoid actually paying.
  8. With the checkout completed go to Manage Affiliate ⇨ Manage Orders and approve the payment
    ff114
  9. To view processed payments and commissions head over to Manage Affiliate ⇨ Sale Report.
  10. To view how much money you need to pay to each affiliate member head over to Manage Affiliate ⇨ Member. You can see individual member transactions by clicking on their username.

Transactions and reports

From Daily Deal ⇨ Report you’ll be able to manage the deal purchases made on your site. The area is divided into three sub-sections:

  1. Seller Report – check the performance of each seller (deal author) on your site.
  2. Transaction Report – view transaction details of payments made on the site. Approve/Unapprove individual payments.
  3. Deal Report – view all trasnsactions for a specific deal

Approving a Pre Bank or Cash transaction

Offline payment method transactions can be approved by going to Daily Deal ⇨ Report ⇨ Transaction Report.
ff116

Payment options and gateways

Configuring payment methods in Daily Deal is fairly straightforward. It’s done in two basic steps:

  1. Setting the currency
  2. Adding personal information into payment gateways

Setting up the currency

By default Daily Deal utilizes the US dollar. If you need to change this head over to Daily Deal ⇨ Daily Deal and focus on two options; Currency Symbol and Currency Code. Enter your countries symbol and code to proceed.

Important: The code in question is the ISO 4217 currency code. For a full list of codes open the following link.

Setting up the gateways

Managing gateways is available from Daily Deal ⇨ Payment Options. Since all gateways are active by default, you should look to deactivate those which you don’t plan on using, i.e. those for which you don’t have a merchant account.

Setting up a gateway usually involves providing just one identification key. With PayPal that’s your PayPal email address, with 2Checkut, it’s the vendor ID. The notify, cancel and other URLs you see mentioned inside the options section for each gateway don’t need to be changed.

Note: Your PayPal email is the personal email used to setup the account (not something that ends with @paypal.com).

 

Customization options

Changing colors

Changing colors in Daily Deal doesn’t require you to touch any code, you can do it from the Appearance ⇨ Customize ⇨ Colors section.The available options are…

  • Body Background Color – Changing this will change the background of the whole theme. This includes the stuff inside and outside of the main content area (the container).
  • Content Color – Tweaking this option will change the paragraph color on your site (deal description). It will also change meta descriptions, title borders (in widgets), the comments section, etc.
  • Primary Color – Use this option to change the color of some links and buttons inside the theme. For example, changing this color will change the action button inside the slider.
  • Secondary Color – Changes the background of your header and the color of some links (read more button).
  • Title Color – Changes the title color for all pages, deals, posts and widgets.

Setting a background image

Navigate to Appearance ⇨ Customize ⇨ Background Images to set a fancy new background for your theme. Upload either a header image or a body background image, depending on what you want to change. It’s worth noting that the header background image will be displayed on top if you set both.

When it comes to setting a custom body background image, keep these guidelines in mind:

  • The image should be very large, around 1920×1080 pixels.
  • The image is tiled (repeated) by default. Hide this effect by uploading large images as mentioned earlier.
  • The uploaded image will affect the whole page, including the content section (i.e., the container). I recommend editing the image before uploading it and carving out the area in which the content should be displayed. The width of the content area inside Daily Deal is 1200 pixels. Here’s an example of what your background should look like.
  • Using a background image increases page load and might diminish the site experience for mobile users. If you can avoid using it, then avoid it.

General customization tips

If you’re looking to drastically customize the theme then the above mentioned options won’t be enough. In case most of your changes are design-related, check out the Appearance ⇨ Custom CSS Editor section. It allows you quickly overwrite any CSS code. You’ll find more details on how to perform these overwrites in this article.

If you’re looking to tweak the Daily Deal detail page, check out that portion of this theme guide.

 

Third-party plugin compatibility

Social Login

You can enable social logins (from Facebook, Twitter, etc) on your site by installing the Social Login plugin. Follow these steps to setup the plugin (once you’ve installed it).

  1. With the plugin installed, go to wp-admin ⇨ Social Login ⇨ Setup.
  2. Under “API Settings” click on the link that will take you to the oneall website and create an account + application there. With the app created, copy the API keys and paste them inside the plugin settings. Click on “Verify API Settings” to see whether everything is ok.
  3. Under “Enable the social networks/identity providers of your choice ” choose the social networks you plan on using.
  4. Hit “Save Changes” at the bottom of the page.
  5. Go to Daily Deal ⇨ Daily Deal and enable the “Facebook Plugin Support” option.

That’s it… your login page should now be showing social media buttons. Once visitors click on them, they’ll be prompted to login to their social account.
gc125

SEO plugins

To optimize your content for search engines I highly recommend installing one of these two SEO plugins.

These plugins will work with Daily Deal in pretty much the same way as with other WordPress themes (there are no theme-specific features). For instructions on setting up each plugin just click on “detailed instructions” in the list above.

Contact form plugins

For setting up contact page (so visitors can get in touch) we’ve provided support for two plugins

Once you create the contact form (using one of the plugins) simply insert the provided shortcode inside any page, post or deal inside the theme.

 

Frequently Asked Questions

How to translate Daily Deal in a different language?

For details instructions on how to translate Daily Deal (or any other Templatic theme) open this translation tutorial.

How to remove fields from the deal submission form?

Since the back-end custom fields section only allows you to add new fields (not edit existing ones) you’ll have to tweak theme files in order to get this done. The submission form is generated by the following file: /DailyDeal/monetize/deal/post_deal.php

Starting with line 345 you’ll find HTML rows (fields) that look something like this

<div class="row">
THE ACTUAL FIELD
</div>

To remove the field you need to delete that whole DIV. Alternatively you can hide it by changing it to something like this

<div class="row" style="display: none;">
THE ACTUAL FIELD
</div>

Note: Beware of mandatory fields. Removing/hiding them will prevent you from submitting the deal. You can tweak validation in /DailyDeal/monetize/deal/post_deal_validation.js

How to disable the dummy data option from Appearance ⇨ Themes?

The option to disable this feature is available from Daily Deal ⇨ Daily Deal ⇨ Disable Auto Install.

How to create a Contact Us page?

Go to wp-admin ⇨ Pages ⇨ Add New and enter the page title and description as you normally would. To transform this regular page into a Contact Us page focus on the “Page Attributes” section on the right. Under “Template” choose “Page – Contact Us”.

How to manage SEO in Daily Deal?

To keep things simple Daily Deal doesn’t come with any extensive SEO functionality. Instead, we’ve provided full compatibility with these two popular SEO plugins.

How to enable captcha for submission forms?

To enable captcha first go to Daily Deal ⇨ Daily Deal and enable the “Captcha Settings” option. Now go to Plugins ⇨ Add New and search for “WP-reCAPTCHA”. Install and activate the WP-reCAPTCHA plugin.

With the plugin active, open its settings and fill in the required API keys (a link to where they can be obtained will be provided there). While in the WP-reCAPTCHA settings disable / turn off these two options:

  1. Enable for comments form
  2. Enable for registration form

 

If you did everything correctly, captcha should now be appearing in these forms

  • Deal submission form
  • Deal payment form
  • Registration form

How to edit outgoing theme emails?

To manage outgoing emails and messages head over to Daily Deal ⇨ Manage Notifications. Scroll down to the bottom of the page to see all available email shortcodes.

How to setup the Twitter widget?

We’ve provided detailed instructions on how to setup that widget in the following article
https://templatic.com/docs/latest-changes-in-twitter-widget-for-all-templatic-themes/