Turbify Store Order Button on Top

Usability studies suggest that having an "Add to cart" button or order button closer to the top of the page (or above the "fold" – the first screenful of information) improves a store's conversion rate (people who buy versus people who browse.) Unfortunately, the Turbify editor (version 2, not Version 3) places the "Add to Cart" or "Order" button at the very bottom of product pages and there is no setting or variable in the editor that will let you change that. By manipulating the page-body template, however, we can copy or move the order button anywhere on the page. To begin, edit your copy of the page-body template and locate the following block of code in it:

      TABLE border 0
            cellspacing 0
            cellpadding 0
            width wid
        TABLE-ROW valign :top
          TABLE-CELL width wid
            CALL :yourstoreid-head  
              wid
              headel
              headsty

Immediately after the CALL :yourstoreid-head expression paste the following:

            FONT size @text-size
                 face @text-font
              WHEN AND 
                     OR 
                       NONEMPTY @code
                       CALL :yourstoreid-has-price  
                     NOT EQUALS value1 @no-top-order
                                value2 t
                CALL :yourstoreid-order  
                  IF test AND 
                            NONEMPTY @headline
                            NONEMPTY @code
                     then @name
                     else nil
                  nil

Now, that portion of the page-body template should look like this:

      TABLE border 0
            cellspacing 0
            cellpadding 0
            width wid
        TABLE-ROW valign :top
          TABLE-CELL width wid
            CALL :yourstoreid-head  
              wid
              headel
              headsty
            FONT size @text-size
                 face @text-font
              WHEN AND 
                     OR 
                       NONEMPTY @code
                       CALL :yourstoreid-has-price  
                     NOT EQUALS value1 @no-top-order
                                value2 t
                CALL :yourstoreid-order  
                  IF test AND 
                            NONEMPTY @headline
                            NONEMPTY @code
                     then @name
                     else nil
                  nil

This change will repeat the order button (as well as the code, price, and availability at the top of the page.) There may be cases, though, when you want to have only the bottom order button (the original one.) That is what the custom property no-top-order is for (see above.) To make the top order button disappear from a page, edit that page, and add a new property of type Yes-No called no top order to that page. Then, set the value of no-top-order to No.

This and many other Turbify tips are detailed in our Turbify Tips & Tricks Book.