Embed Size (px)
Citation preview
*Didn't receive an Activation Email? And you have already checked your SPAM folders? Has it been more than 2 hours? It's possible the email did not even make it to your email account.
You can try to register with a different email address. If that STILL does not send an activation email, contact us instead of trying to register over and over again :)
We're here from 8 AM until 4PM Pacific Time Monday through Friday. Don't hesitate to give us a call or email:
Laura Lawrence [email protected] Phone: 503-419-9101
Johnstone Supply Virtual Trade Show 2017 Instructions
Booth Site Setup1. Go to http://2017.johnstonevts.com/wp-signup.php 2. Choose a username and enter your email address3. Choose “Gimme a site!” and click “Next”4. Select a site domain - your company name or brand name, such as
Johnstone.2017.johnstonevts.com5. Select a title for you page, e.g., “Johnstone’s VTS Booth 2017”6. Select the “Privacy” button as “No”7. Complete the validation questions and click “Signup”8. Check your inbox for the site activation email and click the link to login*9. You can now log in from http://yourdomain.2017.johnstonevts.com/wp-
login.php using the username you created and the password generated for you (you can change this in the admin area once you log in).
10. We recommend that you bookmark this page to make return visits quicker and easier.
11. Your site address will be: yourdomain.2017.johnstonevts.com (such as Johnstone.2017.johnstonevts.com)
Once logged in, you are immediately directed to the Dashboard where there is a welcome screen to help you get started
AdministrationFirst off, there are a few tasks you should take care of. You only need to do these once – the first time you set up a new site:
1. Change your password
Johnstone Virtual Trade Show Instructions for Suppliers 1
If you get this error:
The requested URL /wp†�signup.php was not found on this server.
Type in a dash between wp and signup.php. The dash character doesn't always translate from Word to browers!
Wordpress assigns a nonsense password. If you can remember it, and want to keep it, that's fine. If you want a password you can remember, here's how to change it:
a. On the menu on the left side, click on Users, then Your Profile
b. Scroll to the bottom of the page. You'll see an option to enter a new password. Then hit "update profile" to save your new password!
Google Analytics
To Add Google Analytics for Web Site Traffic and Usage First, you will need to set up a Google Analytics account. If you do not have a Google account, you will
need to create one .
Once you have established your Google Analytics account, you will be provided a Web Property ID. Locate that number, and copy it. It will begin with "UA" and look something like "UA-20000002-4"
Next, log in to your VTS site’s admin panel
Johnstone Virtual Trade Show Instructions for Suppliers 2
In the left side tools menu click on "Settings" then "Google Analytics"
Enter your Google Analytics code and click "Save Changes"
Appearance and ThemesThis year's overall theme is SUPERHEROS. You'll have a choice of a Golden Age of Superheros theme, Silver Age, or Super Team theme. You can change your theme at any time.
The “Appearance” link is where you will choose your theme – Choose the theme you would like to use and click “Activate” below its thumbnail.
Johnstone Virtual Trade Show Instructions for Suppliers 3
Samples of "Superheros" themes
StructureThis year's Virtual Trade Show is designed to show the best of your company's offerings. We suggest your first post include your company logo and a welcome message. As you add posts, you can always re-order them by using the "re-order" option under "posts" in the left side menu.
Trade Show SpecialYour site should have a link on the right sidebar for your Trade Show Special. Please do not attempt to update the link. Because the link goes to a location on our internal network, you will not be able to do so. Don’t worry: We'll go in and link to your specific offer the week the trade show goes live.
PostsThis year’s booths are designed in a blog format, so you can create one entry per product or document. You can always get to an index listing of all your posts by clicking on the “Posts” button on the left side of the screen.
Creating PostsUnder the “Posts” section on the left side click “Add New.” You will then see a blank editing area for you to enter a title and main content for your new post. Choose a title and enter content as you wish.
Johnstone Virtual Trade Show Instructions for Suppliers 4
Pro Tip: click the “Show/Hide Kitchen Sink” icon in the editor toolbar for full editor options.
Editing PostsA good trial run is to change the post called “Hello world!” to something relevant to your booth. To edit this content click on the post title link in the main posts index list. You are directed to the visual content editor where you are able to add or edit content in a similar fashion to editing a Word document.
Pro Tip: Create your content in a Word document and paste it into the editor. It may take some additional modification once in the editor, but it should save some time!
Change the title of the post to anything you want, e.g., “Welcome to the Johnstone Virtual Trade Show 2016” or the title of your product content.
Now you are ready to revise the actual text of the page in the main editing area. This is where you will add and edit content for your booth site. Click in the editor area, select the text that is there and hit delete. Now you are ready to enter text for your product or other booth information, including images and other document files that you wish to link to.
Johnstone Virtual Trade Show Instructions for Suppliers 5
IMPORTANT: Once you are finished with your changes, be sure to click the blue “Update” button to the right under the “Publish” pane to save your changes. While WordPress does autosave, we recommend you click update often to prevent losing changes.
HTML EditingAlternatively, if you know HTML or have someone on staff who does, you can click the “Text” tab to the top right of the editor’s toolbar to manually edit the content’s code (more information regarding content management is below).
Be sure to log out of your site’s admin panel when you are finished with all edits.
CategoriesIf you have more than one product line or category, you can organize posts by adding them to a specific category during or after you create the post. On the right sidebar of your published site, you'll see a "categories" box. By clicking on the specific category you'll get a page that shows only the posts in that category. It's a way of creating a more specific "page" for your products.
VideosYoutube and Vimeo "shared" links should render in your posts as live videos. Be sure to add them in the visual editor, not the HTML or TEXT editor.
If you have issues with your YouTube video playing competitor's videos after your video, you can embed it as an iFrame (in this case, use the Text editor). Be sure to UN-check the "Show suggested videos when the video finishes" option in YouTube.
Arranging Posts
is now easier! Simply click on "reorder posts" in the posts menu to go to the re-order screen. From here you can just drag and drop to put your posts in the order you like.
CONTENT MANAGEMENT FOR VENDOR TRADE SHOW BOOTHS
Johnstone Virtual Trade Show Instructions for Suppliers 6
To Add an ImageStep 1 – Placing your cursor
In order to add an image to your page or post, you must first insert your cursor in the place in the text where you want the image to appear. By placing your cursor within your text, you can add images inline with your content. You can also place your cursor on a blank line if you want the image to appear by itself instead.
Pro Tip: It’s a good idea to place your cursor on the left margin of your text, even if you want the image to appear on the right. That’s because there is a special setting called Alignment that allows you to control whether the image appears on the right or the left side of the text. It even controls how text flows around the image automatically.
Step 2 – Click the Add Media button Once you’ve placed your cursor on the line where you want your image to appear, click on the Add Media button to launch the media uploader interface, and then select the Insert Media option from the list of actions in the left side of the media uploader window.
Step 3 – Add or Select Your Image
You may upload images and attachments into your Media Library individually or all at once.
Johnstone Virtual Trade Show Instructions for Suppliers 7
To Upload Files: Upload the image you want to use from your computer by dragging it into the upload area. To Select from an Existing File in Your Media Library: Select from any previously uploaded images in the
media library by clicking on the one you wish to add to your page or post.
Once you have selected or uploaded the image you want to add, you will see a checkbox next to the thumbnail confirming your selection, and see information about it displayed in the Attachment Display Settings pane on the right hand side of the media uploader interface.
Step 4 – Attachment Display Settings
The Attachment Display Settings pane controls how the image is displayed when viewed on the site.
You have options to set how you would like the image aligned on the page (for example, left justified, right justified, centered, etc.) and what the link behavior of the image will be. For example, does clicking the image give you a larger view or take you to a destination? In addition, you can set what size image you would like to display on your page.
Johnstone Virtual Trade Show Instructions for Suppliers 8
Image AlignmentThe Alignment setting allows you to determine where you would like the image to appear in your content area and how it interacts with any text on the page. You have the following image alignment options to choose from
Image LinkThe Link To settings determine the URL/web address to which the image will be linked when clicked on by a visitor to your site. You can specify the following image link settings:
Attachment Page: Links your inserted image to its WordPress media attachment page. Media File: Links your inserted image directly to the original, full-size version of the file. Custom URL: Allows you to set a custom link URL for your inserted image to link to when clicked. None: This setting will remove the link completely, rendering the image “un-clickable”.
Image SizeThe Size settings determine the size of the image you are adding to your site. By default, WordPress creates a range of four image sizes for you to choose from:
Thumbnail: Displays a small thumbnail-sized version of your image on the page/post. Note, by default the Thumbnail size is a square, so some cropping of your original image may occur.
Medium: Displays a medium-sized version of your image on the page/post. This is a good size to use with Left/Right alignments, as it leaves sufficient space for legible text to either side.
Large: Displays a large-sized version of your image on the page/post. Note: WordPress will determine the width of the content column of your theme, and display the largest possible image for that space.
Full Size: Displays a full-sized version of your image on the page/post. Note: WordPress will determine the width of the content column of your theme, and display the largest possible image for that space. If your original image is larger than this column width, the full size of the image may not be displayed.
Step 5 – Inserting the image
Once you have determined your image settings, click on the blue Insert into post or Insert into page button, to add the image to your post. After the image uploader window closes, you will see the image in the text editor window, including a preview of the alignment of the image, if you have specified an image alignment.
At any time, you can edit the image settings by clicking on the Edit Image button in the upper left hand corner. You can remove the image from your post by clicking on the Remove Image button.
The process for linking to a PDF is very similar to uploading an image.1. First upload the target PDF.
2. You can place your cursor anywhere because we aren’t actually going to place it – you’re just uploading it so it can be linked to something else.
Johnstone Virtual Trade Show Instructions for Suppliers 9
3. Select the “Add Media” button and find and upload your PDF file the same way you did your image earlier.
4. This time, however, you’ll want to copy the file URL under Attachment Display Settings on the right-hand side of the screen. Select the entire URL and press Ctrl+C to copy it. Close the window using the X at the top right.
5. Now, click on the image that you want to link the PDF to and select the “Edit Image” button.
6. In the Link URL field, paste the URL you just copied.
7. Now, click Update.
8. Update the page again to save your changes. View your post. When you click the photo it should bring up the PDF that you linked to it.
HELP!
We're here from 8 AM until 4PM Pacific Time Monday through Friday. Don't hesitate to give us a call or email:
Corporate Advertising email: [email protected]
Laura Lawrence [email protected] Phone: 503-419-9101
Johnstone Virtual Trade Show Instructions for Suppliers 10
