How The Built-In Box Templates Work

Wp Spire comes with several built in box templates. These boxes commonly used in sales pages or marketing pages. Example would be testimonial box template, guarantee box template, and the orderform box.

Not only are they built-in but using them is easy too.

What you do is use shortcodes as demonstrated below.

Example 1:

So for example, if you notice on the main page, I used an order form.

The “content” for the order form inside the wordpress editor box would look like this :

To transform it into an orderbox, I simply wrapped my order form texts around the [.orderbox] shortcode and the final display would look like this:

Moreover, there are still settings to customize upon, too, that is if you choose to.

Example 2:

For the guarantee box, like in main page,  it’s as simple as wrapping the “guarantee” around the [.guarantee] shortcode.

So for example, in the main page, the guaranatee code looks like this inside the wordpress editor:

… that one produces the one below as the final output:

Yes, the final display actually includes a built in gurantee badge automatically positioned on the left column part inside the guarantee box. (You can also change the badge, too.)

Now, normally, if you didn’t use the WP Spire shortcodes, you would be pasting some long html code. So for example, for the guarantee box template, if WP Spire didn’t include the built-in function of the guarantee box template, you will need to copy and paste something similar in the wp-editor:

And you’ll still have to manually specify where you upload the images for it. Plus, it’s not a total guarantee that if you switch again back to the “visual” view in wordpress, that everything will display correctly.

So with WP Spire’s built in shortcodes for the box templates, you don’t have to deal with this problem.

Example 3:

Another built in box, is the optinbox3. It produces a graphical vertical optinbox like this:

Click here to see an example page where the optinbox 3 is used.

The “code” for that optin box in that page simply looks like this:

When you wrap your optin box content around the [.optinbox3] shortcodes, the final output is also automatically wrapped around with the graphical optin box like you see in the sample page.

For the optincode, you paste it inside the optincode-box. Then display it using the [.optincode] shortcode. This is to avoid any stripping issues with wordpress and html code.

If you paste the raw code directly in the html source, and then switch back to the visual mode, there might be some tags that will be automatically stripped by wordpress. That’s why using short codes solves this problem!

Customization

And don’t forget, settings can still can be further customized. Like for the optinbox3, you can change the color scheme from the selection menu.

For the order form box, you can still change the background color, and border style, and box width. There’s also panel box for that inside the editor screen.

The optinbox2 (yellow dashed optin box) can be totally customized – from the width size, border style (dashed,solid, etc), border color and background color.

SO with word press shortcodes, you can see how much easier, and cleaner it is to use or add an order form to your page, or use a graphical optin box for your squeeze pags. These built in boxes can indeed make your life easier.

And just for consolation, the WPSpire theme/plugin includes 6 built-in  box, plus 2 additional graphical optin box.

• Product box
• Bonus box
• Guarantee box
• Testimonial box
• Fast action box
• Generic big box
• Generic medium box
• Graphical Optin box
• Yellow Dashed Optin box 2
• Graphical optin box 3
• Graphical optin box 4

Ok, maybe 11 built-in boxes . These are built-in, meaning you can readily wrap your text with the selected short codes to produce the look of your chosen graphical box.

Also, there are two graphical generic boxes. I made them generic because you can add your own graphical titles for it. There are instructions on the member’s area for this. So this means you are not only limited to “product”, “bonus” or “gurantee”  or “testimonial” in the header of these boxes, but you can use your own header titles! This is just one “expandability” of the WP Spire theme and plugin.

or