Welcome! To use this support forum, please Login or Join Today!

   

Downloads Shortcode

{name}
Rank

Total Posts: 17

Joined 2014-05-01

PM

 

Please tell me the code for adding a downloadable file (like this) *Please see attached.


Attachments:

https://www.filepicker.io/api/file/tpQkcHzSLig7HYCSDCgb

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

This is acheieved pretty easily with the cta and button shortcodes:

[cta]<h3>Title</h3><img src="http://placehold.it/125x125" class="alignleft"/><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>[button align="right" color="blue"]Download[/button][/cta]
{name}
Rank

Total Posts: 17

Joined 2014-05-01

PM

 

Casey,
Thank You.

I used this code (below) based on your response (above) and several variants of it and I keep running into the same issue (CTA Button is hanging out of the box ). This issue also resulted with image file included in the code.)

Please see attachment.

How can I fix this code? Thanks in advance for your help.

[cta]<h3>Application Form </h3><p> (A4 SizePDF 388 KB <a href="http://mukimu.jp/wp/wp-content/uploads/2014/06/MUKIMU_Application_Form.pdf">[button align="right" color="blue"]Download [/button][/cta] 

 


Attachments:

https://www.filepicker.io/api/file/yFccvbKTSk6rg7Q3GtOV

{name}
Rank

Total Posts: 17

Joined 2014-05-01

PM

 

O.K. I waited 5 days. Still trying to resolve this issue… Tried several times. I’m stuck. Please help.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

From the looks of your example above, there is an unclosed A tag. Maybe what you’re trying to do is:

[cta]<h3>Application Form </h3>
(A4 Size) PDF 388 KB
[button link="http://mukimu.jp/wp/wp-content/uploads/2014/06/MUKIMU_Application_Form.pdf" align="right" color="blue"]Download [/button][/cta] 

With the above, I get the following result:

http://d.pr/i/XZ9v

 

{name}
Rank

Total Posts: 17

Joined 2014-05-01

PM

 

Thanks but Still bogus… I got this:  (please see the attached)

...with this code… (Pasted it directly from the message above)

[cta]<h3>Application Form </h3>
(
A4 SizePDF 388 KB
[button link
="http://mukimu.jp/wp/wp-content/uploads/2014/06/MUKIMU_Application_Form.pdf" align="right" color="blue"]Download [/button][/cta] 


Attachments:

https://www.filepicker.io/api/file/z4mXTuKeSRaovSWmU0FK

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

It looks like you may have another third party plugin or CSS file competing for styles over the button element (notice the rounded radius in your screenshot in comparison to the one I posted). The button is is also not self-clearing.

You might try adding the button before the text since the text is so short like so:

[cta]<h3>Application Form </h3>
[button link="http://mukimu.jp/wp/wp-content/uploads/2014/06/MUKIMU_Application_Form.pdf" align="right" color="blue"]Download [/button]
(A4 Size) PDF 388 KB
[/cta]

 

{name}
Rank

Total Posts: 17

Joined 2014-05-01

PM

 

Still encountering the same issue

Here is the link:

http://mukimu.jp/?page_id=101

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Ok. As I suspected, the text is just too short so the button is clearing the container instead of the paragraph text.

Here’s your solution:

[cta]<h3>Application Form </h3>
(A4 Size) PDF 388 KB
[button link="http://mukimu.jp/wp/wp-content/uploads/2014/06/MUKIMU_Application_Form.pdf" align="right" color="blue"]Download [/button][clear][/cta] 

(notice the [clear] shortcode after the button.)

{name}
Rank

Total Posts: 17

Joined 2014-05-01

PM

 

Noted with Thanks. Really glad to get this working. More than satisfied with the results !