Orchard, a free landing page template from 7uptheme.com


FULL DOCUMENTATION

  Open docs/documentation.html in any browser. It covers every section,
  every setting, the order form, images, colours and troubleshooting.

  This file is the short version.


QUICK START

  1. Open fillup.php in a plain text editor. Notepad is fine, Word is not.
  2. Find $TO at the top and put your own email address there.
  3. Upload the whole folder to your web host, keeping the structure.

  That is it. The order form now works.

  Then send yourself one test order and check three things:

    1. the email arrives, and is not in your spam folder
    2. storage/orders-2026-01.csv appeared and has your test order in it
    3. typing that CSV address into a browser gives 403 or 404,
       never a download

  Item 3 matters. That folder holds your customers' names, phone numbers
  and addresses. Check it before you take real orders. Section 8 of the
  documentation explains what to do if the file downloads.


WHAT YOU NEED

  A host that runs PHP 7.4 or newer, which is nearly all of them. Nothing
  to install, no Composer, no libraries, no account anywhere. The page
  itself is plain HTML and CSS and works anywhere; only the form needs PHP.


WHAT IS IN THE FOLDER

  index.html        the page itself
  fillup.php        your settings and wording. The file to edit.
  send.php          receives the form, checks it, saves it, emails it
  css/style.css     all styling, with every colour set at the top
  js/main.js        one file, no libraries
  images/           every picture on the page
  storage/          where orders are saved. Read the note inside.
  docs/             the full documentation
  README.txt        this file


THE PAGE, IN ORDER

   1. Header, sticky
   2. Hero
   3. Selection, three product cards
   4. Why us, four cards
   5. Parallax band
   6. How ordering works
   7. Testimonial
   8. Gallery, eight photographs with a popup
   9. Order form
  10. Questions
  11. Closing call to action
  12. Footer

  Each one is marked in index.html with a comment like
  <!-- ===== 4. Why us ===== --> so you can find it.


THE THREE THINGS PEOPLE GET WRONG

  1. Renaming a product card in only some places.
     Each card's name appears four times: the <h3>, the button text, the
     button's data-box attribute, and the matching <option> in the form.
     Miss one and clicking the card stops picking the right option, with
     no error to tell you.

  2. Deleting the hidden fields in the form.
     The field named "website" is a spam honeypot and the "ts" field is a
     timing check. Nobody ever sees them. Remove them and your spam rises
     sharply.

  3. Swapping an image without updating its size.
     Keep the width and height attributes on the <img> tag matching the
     real file, or the page jumps about while it loads.


IF THE EMAIL DOES NOT ARRIVE

  The order is already saved in storage/, so nothing is lost.

  PHP's mail function is unreliable on some hosts. Fill in the $SMTP block
  at the bottom of fillup.php and change 'enabled' to true. There is a long
  note above that block explaining every line. The two people get wrong:

    'user' is your FULL email address, including the @ part.
    'pass' is that mailbox's password. Gmail, Outlook and Yahoo need an
    "app password" made in your account security settings, not your
    normal one.

  Set $FROM to the same address as 'user', or your provider may refuse
  to send.


NO PHP ON YOUR HOST?

  Delete send.php, fillup.php and storage/, then point the form's action
  at a hosted form service instead. The rest of the page keeps working.


IMAGES

  The photographs supplied with this template are placeholders and are NOT
  covered by the licence. Replace them with your own before you publish.


LICENCE

  Use it for personal, commercial or client work, on as many sites as you
  like. Do not resell or redistribute the template files themselves.

  Full terms: https://www.7uptheme.com/license/


SUPPORT

  docs/documentation.html is the manual. The how-to-use page and the FAQ
  on the site cover the rest. If you would rather we set it up for you,
  tell us what you need: https://www.7uptheme.com/contact/
