[Resolved] Pagebuilder output different from actual when trying inserting custom types

[Author]

Posts

[Charles]

Support,

I am using the following code to display a button with custom fields:

<div class="articlebnbuttonwrapper"><a class="articlebnbutton" href="[types field="amazon-url"][/types]">PURCHASE:&nbsp; [types field="price"][/types]</a>
</div>

My pagebuilder shows the button built correctly: hidden link
But the actual output is different, not sure why: hidden link

Can you spot the problem?

Thanks,
Chuck

[Nigel]

Hi Chuck

You are using the same double-quote marks for your href attribute as for your field attribute. Change one or the other to single quotes, like so:

href="[types field='amazon-url'][/types]"

It doesn't matter which.

[Charles]

Modified to this:

<div class="articlebnbuttonwrapper">
<a class="articlebnbutton" href="[types field='amazon-url'][/types]">PURCHASE:&nbsp; [types field='price'][/types]</a>
</div>

Still looks the same?

Thanks,
Chuck

[Nigel]

Hi Chuck

Can you remind me which page builder you are using, and where you are adding the button?

You are designing a content template with the page builder and inserting the button with a normal text module?

[Charles]

Nigel,

I'm using X Theme and Cornerstone. The button is displayed within each post. I've since decided to place the html in a content template and add the template as raw data, but it's still not showing correctly, even with the changes you suggested.

Thanks,
Chuck

[Nigel]

Hi Chuck

OK, I just tested this myself locally to see what's missing, and what's missing is specifying raw output for your URL field.

The Types URL field will output a link tag by default, not just the URL saved in the database. You can tell it to output just the saved URL by adding the output attribute like so:

[types field='amazon-url' output='raw'][/types]

That should do it.

[Charles]

Nigel,

That did the trick! I'll have to remember the importance of raw content in the future.

Thank you,
Chuck