How to Add Slides to Your Promo-Slider

Make sure you are logged in to your admin area. Click here if you are not sure how to do this.

The promo-slider is typically the first and largest thing visitors to your website will see.  That makes it the most important piece of real-estate you have.  To make use of this you should use your promo slider as exactly that, a promotional area.

Because promotions are, by nature, time sensitive, logically the slides should be attached to posts rather than pages or some other type of post.  So to begin, we will assume you know how to add and edit a post, if you do not please read the posts tutorial first.

Adding a new promotional slide

  • From any screen you may be working on, hover your mouse over the posts menu item on the left then select Add New from the menu items that appear.
  • Create a post about your promotion as you would normally.  Talk about who, what, when, and where the thing you want to draw attention is about.
  • Below the main content area you will see what is known as the dynamic panel.  Typically the default panel displayed is the SEO Options panel, but we need to load the promo panel.  Here's how:
    • In the upper left corner of the panel you will see a drop down menu next to a button that says "Load"
    • click on it and select "Promotions"
    • click the load button
    • The promo panel should load
  • In the promo panel there are several fields.  Each one does something specific.  The only one that is required to make a slide is the promo-image, the rest are optional
    • Please note: Each layout we use is different so your specific settings may differ somewhat from what is explained below.  Ask Your-Web-Guy for specifics of your website if you see something different
    • promo-image - This is the slide image itself.  There are two ways to select the image to be used.  You only need to use one method, not both.
      • The instructions for the field should have the specific pixel dimensions that your website uses for the promo-slider.  Make sure the image you use is at least those dimensions.  If it is larger, the system will re-size it.  Remember it will crop excess from the sides or top and bottom depending on if it is too wide or too tall.
      • The choose file button allows you to upload a new image from your hard drive.
        • When you click it a file browser dialog will open up.
        • Select the image from your hard drive and click open.
        • The file will be uploaded to your website and added to the media library.
        • The dialog box will disappear and a small thumbnail of the image you chose will appear below the choose file button
      • The media picker link allows you to select a file already in your media library.
        • Click on it to open a list of images in your media library.
        • When you have found the image you want to use click the "Show" link
        • In the dialog that appears simply click the "Use This" link next to the words Media Picker
        • The dialog box will disappear and a small thumbnail of the image you chose will appear below the choose file button
    • promo-link - this is used to create a "Read More" link on the slide
      • You can enter a web address such as which will link the Read More text to that web address so when someone clicks on it they are taken to that web page.
      • You can simply type the word "self" in this field to make the read more link go to the post you have created above.
      • You can leave it blank and have no Read More text at all on this particular slide
    • promo-float - how the text will be displayed on top of the slide image.  Select left, right, or center to have the text aligned in that way.
    • promo-text - the text that is displayed on top of the slide next to the Read More button if there is one.
      • This field has rich text formatting available which means you can add bold, italic, and other formatting to the text in this field
      • Keep it short, typically the text in this field is relatively large similar to a headline in a newspaper so be concise but descriptive to draw users to the read more link
  • Once you are happy with the settings and content you have entered, click the blue publish button on the upper right to make both the post and the slide view-able to your visitors.


Click here to see the tutorial on how to edit an existing slide

If you have any trouble with this process, please send us a support email we are always happy to help.

Please click here if this helped you.
0 people found this helpful.

Category: CMS Tutorials

← FAQ’s

Make Us Your-Web-Guys Today

Step 1: Tell us about your business

My company...



Subscribe to our Newsletter

To subscribe to our dandy newsletter simply add your email below. A confirmation email will be sent to you!


Very good first impression followed by a clean site and helpful support. Richard continues to be informative and adaptive to our wants and to tend to our needs. I believe in the weeks to follow we’ll meet our goals, then exceed them.

When the site crashed this afternoon (as all websites occasionally do), my phone call was answered outside regular business hours. They were already aware of the problem and were working on it. The site was down for a little over half an hour– not a bad response time imo.

And it has nothing to do with their competence or professionalism, but their office building is very zen

I have worked with several different web design companies just because of the line of work I am in, I can say without a doubt that YourWebGuys is the best! I have been working with them now for well over a year and have never second guessed their ideas, motive for the betterment of the company I work for, nor their pricing!

If I call Richard, he answers directly. And if I do have to leave a message, I get a callback within the day. An email sent to support is answered within hours!

I have learned so much from his team, and look forward to working with them for many more years.

When the Mansfield ISD Education Foundation needed a fast turn-around and professional service Your-Web-Guys delivered!! Your-Web-Guys helped our foundation design and launch a new and creative way for our parents and community to help us fund more terrific projects and get much needed resources into our classrooms to benefit children! This dynamic addition to our website seemed imposssible at first, but Your-Web-Guys made it a reality and now anyone in our community or the world can donate or contribute towards our innovative teaching grants. We agree that there are many other website design companies out there but we strongly recommend Your-Web-Guys for your website design and implementation.

I have found Your-Web-Guys to be professional, creative and very, very accessible when it comes to making sure my website is functioning just as it should. I strongly recommend this company for your website design and implementation.

There are many other website design companies out there and they promise a lot. But after talking with some of them I understood that their objectives did not include taking care of, or focusing on, small business. In contrast to that, I’ve found Your-Web-Guys to be geared to work with small and growing businesses

Ed Harrison

We needed a bold, effective and usable web page that attracted the customers we were seeking for our wedding and events venue. The process was easy and flexible and Your-Web-Guys was outstanding.

They were very knowledgeable and extremely patient. We have used web designers in the past, but Your-Web-Guys will be our designers from now on. And the page was done ON TIME!

Your-Web-Guys carefully listened to our corporation representatives as we discussed every element that we needed to incorporate into a web site. We had used other web designers, but none ever addressed future as well as present needs.

Your-Web-Guys accomplished a very successful design and we were VERY pleased with our experience and the end result.

Love Story Corporation

Success Studies

Mansfield ISD Foundation
New layout for A Complete Content Management System, an integrated Calendar, and multiple ... Read More
Russell Feed
New version of Russell Feed's Website This multi-location feed company not only needed a better ... Read More
View More