Adding custom code to show up on every page

[AK49_Logan_907]

Hi,

1. My goal is to have this custom widget that is hosted by another website show up on our website. I was able to get this to work by putting that code in the footer area. Then it seems to load in just fine. My question basically, is this the most efficient way to do this? Is there a way I can guarantee the script will load so the “Create a Ticket” button is always there on the bottom right of the screen?

Thank you!

Code: there was < > but I removed them so it would show.
script data-jsd-embedded data-key=“bd09702e-f049-4a5c-9dcd-0c297022d6b8” data-base-url=“https://jsd-widget.atlassian.com” src=“https://jsd-widget.atlassian.com/assets/embed.js”><img src="//tco-forum-uploads.s3.amazonaws.com/original/3X/7/a/7a81ea03d2f27bd364cb9c74cc61ddf2dc1afacb.jpg" width=“690” height=“323”

2.One more issue, any advice appreciated. I think I’m just spacing out but if someone could provide a solution to this I would really appreciate it!

I’m using the “Konnect” demo and I’m on the front page. I’m replacing the grey bar toward the bottom.
https://demo.theme.co/app/

this element uses the classic version of the modules. My goal is to get the image to go across the image smoothly and show everything. I chnaged the image to 1499 x 786 thinking it would fit better. It works in paralax but not interested in that.

[albrecht]

Hi @AK49_Logan_907,

Thanks for writing in.

1. Yes, that is a great way to put the code so it would show up on all pages. Another way would be to install and x child theme and add this code the child’s functions.php

add_action( 'wp_footer', 'my_footer_scripts' );
function my_footer_scripts(){
  ?>
  <script data-jsd-embedded data-key="bd09702e-f049-4a5c-9dcd-0c297022d6b8" data-base-url="https://jsd-widget.atlassian.com" src="https://jsd-widget.atlassian.com/assets/embed.js"></script>
  <?php
}

2. Do you want the first image to become the background image and the second image be placed infront of the background image? If yes, then you can set the 1st image as the background image of the section then put the 2nd image inside that section, you can turn off the paralax effect if you dont wan’t to use the it.

Hope it helps.

[AK49_Logan_907]

All is working now, thank you!

I would ask if it’s possible anyone over there can update the old demos like the Konnect one?

All of the elements are old and I’m starting to notice small issues with certain lines not being correctly shown or some options not available.

No worries, thanks!

[nabeel]

Hey @AK49_Logan_907,

We’re glad all is working now and thank you for the feedback, I’ve submitted this to our issue tracker so the developers will be made aware of it.

Cheers!

[alexander]

Hi @AK49_Logan_907,

As of today’s release, all the former Expanded Demos have been converted over to Design Cloud Sites. They are the same designs, but use the new elements. If you install the App Site through design cloud it will add the updated pages to your WordPress install. You will just need to update them with your own content.

[AK49_Logan_907]

Hi,

Thank you all for the help. (Where they converted because I mentioned it or was that already in progress?)

For my sanity I would like everything on the new elements. But that would take at least 5 hours to convert everything over by hand. Can anyone give me any logic valid reason to convert everything over? Is it even 1% more optimized for speed or better for mobile devices even a little?

As I’ve already edited 75% of the pages.Is there any easy way to copy over my text and images easily? As you mentioned I would need to import the new demo but would like that at least side by side if possible to copy and paste and compare the layouts.

Thank you!

[ruenel]

Hello @AK49_Logan_907,

Thanks for updating in! Even before you have mentioned it, we already have converted the expanded demos using the v2 elements prior to make them available in the Design Cloud. The v2 elements has it own default styling thus it will not rely on the global settings. The only problem you may have is you really have to manually copy the text and images since the classic and the v2 elements does not share the same structure. I would recommend that you setup another demo staging url and then import the demo. You can save the page or the sections, rows, columns, elements as a page template or a preset and then you can import those templates and present to your site so that you can apply it to your page/s.

Hope this helps.

[alexander]

Hi @AK49_Logan_907,

I’ve not benchmarked it, but I imagine the classic elements would be marginally faster because they don’t require the dynamic styles to load. It wouldn’t be enough to make any noticeable difference even with large pages. The main benefit to updating is that you have access to advanced controls and more design options. For existing established sites, it wouldn’t really be needed unless you wanted to get access to those features.