What you need to Know to Prepare Your Campaign
In order to be able to prepare your campaign properly, you are going to need to add different features in order for it to be aligned with your organisation.
In this case, our platform allows you to add a Header and Footer to your Campaigns in order for you to be able to tell a story related to your cause or project.
You can access it in Content > Header and Footer
Here is what you need to know about it:
Header
You can add your desired logo, image(s), and video(s) in your Form, Landing, E-Commerce, and Showcase Campaigns.
❗️ Within Peer-to-Peer (P2P) Campaigns it is only possible to add a logo and images
Add your Logo
You can upload your logo which should have a maximum height of 60 px.
If you have added your logo to your Register Data then this logo will be shown by default, however, can be overwritten by uploading a logo here.
Add your Image
You can upload one image or multiple ones, creating a slideshow by selecting an image from your files.
👉 It is recommended that you keep in mind the alignment of the main content in order for it not to disrupt the image.
Add your Cover Video
You can upload one video or multiple videos, these videos must be hosted on YouTube and can be added by entering the URL. They will play without any sound and automatically.
💡 For more information about adding YouTube videos to your campaign, please check our Knowledge Base article HERE
Recommendations and limitations
️Please keep in mind that if you choose to add a video as the background in the Header section of your Campaign, it may appear differently when viewed on desktop or mobile devices.
The video will be played automatically in the background for desktop devices. However, for mobile devices, the video will be displayed at the top of the website. When clicked, it will open in a pop-up.
Therefore, to ensure that your website appears as intended on mobile devices, we suggest previewing it on the mobile version as well.
When previewing a video, please keep in mind it might show an error at first, therefore we advise you to preview it by using the Share button, this way you will get a more accurate preview of your Campaign
👉 In case this doesn't meet your organisation's expectations, we suggest that in the Header menu, you add an image, this way the desktop view will be a video meanwhile the mobile version will display an image.
Footer
The Footer of a campaign appears at the end of the page and contains your organisation´s contact details and links to your legal documentation.
We can edit it under Content > Header and Footer > Footer., where you can:
Select whether or not you wish to show your contact information in the footer.
Select the colour of the footer.
By default, the contact information and logo shown in the header and footer will come from the information which was added when your organisation signed up to StockCrowd.
You can review this information by going to Content > Organisation info
When entering your Organisation's information, you will see the details that will be displayed in the Footer.
The website you add will be linked to your logo, therefore when visitors click your logo it will take them to the site you wish to redirect them to.
❗️ Please keep in mind that when adding your website, you will have to add "https://" so it can be valid.
In the footer, you will find the link to the Legal Notice and Cookies policy to edit these legal documents for all your campaigns follow the instructions here.
Image Sizes
StockCrowd campaigns are responsive and adapt to different screen sizes and devices. Nonetheless, when creating your campaign, it is important to know the optimal image size.
Header Sizes
Organisation's logo
It will appear at the top of the page alongside the menu.
Width | Adjusts to avoid pixelation |
Height | Maximum 60px |
Cover Image
As this will be used as a background image, it does not have a fixed width or height. It will adjust to the screen of the user.
👉 We recommend using high-quality images but not larger than 1 MB, to avoid delays in page loading time.
Width | Responsive |
Height | Responsive |
For Landings, E-Commerce, and Showcases
1. "Information" Section
Slideshow
If you add multiple images to be seen in a slideshow, they will have a fixed height and a responsive width.
Width | Responsive |
Height | 600px |
One image:
If you add just one image, both the height, and width with adapt to the device from which the campaign is being viewed.
Width | Full width of the content block |
Height | Adjusts to the width of the image |
2. "More Information" Section
One information block with an image slideshow
If you add a single image you will not have size limitations. It will automatically adjust based on the width of the device.
If you add several images in a single block, they will be seen in the template with a maximum height of 600px. The width is automatically adjusted based on the width of the device.
If you add several images and have more than one block, they will be seen with a maximum height of 319px. The width is automatically adjusted based on the width of the device.
Width | Full width of the content block |
Height | 600 px |
One information block with a single image
If you add just one image to a single block of information, both the height and width with adapt to the device from which the campaign is being viewed.
Width | Full width of the content block |
Height | Adjusts to the width of the image |
More than one block of information with an image slideshow or single image.
If you have more than one block of information images alone or in a slideshow will have a fixed height of 300px and will fill the width of the content box which adjusts to the screen size.
Width | Full width of the content block |
Height | 300 px |
3. Team
Images should have the same height and width.
Width | 176 px |
Height | 176 px |
4. Updates
One information block with a single image
If you add just one image to a single block of information, both the height and width with adapt to the device from which the campaign is being viewed.
Width | Full width of the content block |
Height | Adjusts based on the width of the image |
One information block with an image slideshow
If you have a single information block with an image slideshow it will have a fixed height of 600px and will fill the width of the content box which adjusts to the screen size.
Width | Full width of the content block |
Height | 600 px |
More than one information block - one image
The image will adjust automatically to the width of the content box to be seen optimally.
Width | Full width of the content block |
Height | Adjusts based on width |
More than one block - slideshow
The images will have a set height and a variable width depending on the browser.
Width | Responsive |
Height | 300px |
5. Sponsors
The image will be displayed in the template with a maximum height of 100px. The width is automatically adjusted based on the width of the device.
❗️ Please keep in mind that If the added logo contains borders, its display will be affected, showing it smaller in the template.
Width | Adjusted based on the device |
Height | 100px |
6. Participants
Participant images have a set width and minimum height.
In the case that the name of the participant is larger than the size of the image, the size of the image will be adjusted.
Width | 100px |
Height | 100px |
7. Rewards
Width | Responsive |
Height | 220px |
We recommend not uploading heavy images (maximum 1 MB).
8. Showcase
Width | Responsive |
Height | 216px |
9. Highlights (Premium Plan)
The image should have a minimum height of 450 px but if the text that goes with the image exceeds this height then the image will adjust to the size of the box.
The example below shows how the height of the box adjusts to the length of the text.
Width | 100% width of the box |
Height | Minimum height of 450px |
10. Pictograms (Premium Plan)
Width | 176px |
Height | 176px |
11. Testimonials (Premium Plan)
Width | 90px |
Height | 90px |