Site Tools
      Back to home
      1. AgentFire Help Center
      2. Site Tools

      Guide Creator: How to edit a Guide Cover

      This article will guide you through how to update the Guide Cover.

      In this guide, you will learn how to edit a Guide Cover. This is the image you may see on your website that looks like a Book cover.

      1. Click "Site Tools"

      Access "Site Tools" at the top.

      Click 'Site Tools'

      2. Click "Guide Creator"

      Navigate to "Guide Creator" Section.

      Click 'Guide Creator'

      3. Click "Guide Covers"

      Select "Guide Covers"

      Click 'Guide Covers'

      4. Click "Edit"

      Click on the "Edit" button to update the existing Guide Cover.

      Click 'Edit'

      5. Click here

      Click the "Design" button at the top of the page to bring up the toolbar.

      Click here

      6. Click "Cover"

      Select "Cover" option and then the Change Image button to update the photo on the Cover Page.

      Click 'Cover'

      7. Upload a file or choose from your library.

      Update the image by clicking Upload Files or Media Library to select an existing photo. Once you choose or upload your photo click the Choose Image button in the bottom right.

      Upload a file or choose from your library.

      8. Click through the different tool settings to update all the areas of the Cover.

      You can also click through the other toolbar settings to make sure all areas of the Cover are updated.

      Click through the different tool settings to update all the areas of the Cover.

      9. Click "SAVE"

      Make sure you click the "Save" button in the top right corner. The system does not auto-save so you will want to click the button to make sure your updates are saved.

      Click 'SAVE'

      10. Copy "[3d_guide_cover id="1527"]"

      Copy the short code from the guide you just made changes to

      Copy '[3d_guide_cover id='1527']'

      11. Locate the guide location on your site and access the editor

      Locate the guide location on your site and access the editor by clicking on "edit page" in the bottom left hand corner of your site or by going to the page in the dashboard.

      Locate the guide location on your site and access the editor

      12. Click the pencil next to "coder"

      Hover over the Guide Cover image and click the pencil next to "coder" to open the toolbar.

      Click the pencil next to 'coder'

      13. Paste in the new Shortcode you just copied.

      Paste the shortcode you just copied into the "Coder" editor box. This will update and replace the Guide Cover image.

      Paste in the new Shortcode you just copied.

      14. Click "SAVE"

      Click the "Save" button in the top right to save the changes.

      Click 'SAVE'

      This guide went over how to edit the Guide Cover so you can have an image that looks like a book displaying your Guide details.